30 lines
825 B
TypeScript
Executable File
30 lines
825 B
TypeScript
Executable File
import {LineChart} from '@common/charts/line-chart';
|
|
import {Trans} from '@common/i18n/trans';
|
|
import {FormattedNumber} from '@common/i18n/formatted-number';
|
|
import React from 'react';
|
|
import {InsightsAsyncChart} from '@app/admin/reports/insights/insights-async-chart';
|
|
|
|
export function InsightsPlaysChart() {
|
|
return (
|
|
<InsightsAsyncChart metric="plays">
|
|
{({data}) => (
|
|
<LineChart
|
|
className="flex-auto"
|
|
title={<Trans message="Plays" />}
|
|
hideLegend
|
|
description={
|
|
<Trans
|
|
message=":count total plays"
|
|
values={{
|
|
count: (
|
|
<FormattedNumber value={data?.report.plays.total || 0} />
|
|
),
|
|
}}
|
|
/>
|
|
}
|
|
/>
|
|
)}
|
|
</InsightsAsyncChart>
|
|
);
|
|
}
|