feat(overview): update envelope statistics and localization in AnalyticsWidgetSummary
This commit is contained in:
@@ -51,6 +51,14 @@ export function OverviewAnalyticsView() {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const envelopeStats = {
|
||||||
|
fullySigned: 140,
|
||||||
|
partiallySigned: 68,
|
||||||
|
declined: 26,
|
||||||
|
};
|
||||||
|
|
||||||
|
const envelopeTotal = envelopeStats.fullySigned + envelopeStats.partiallySigned + envelopeStats.declined;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
let active = true;
|
let active = true;
|
||||||
|
|
||||||
@@ -123,15 +131,29 @@ export function OverviewAnalyticsView() {
|
|||||||
|
|
||||||
<Grid size={{ xs: 12, sm: 6, md: 3 }}>
|
<Grid size={{ xs: 12, sm: 6, md: 3 }}>
|
||||||
<AnalyticsWidgetSummary
|
<AnalyticsWidgetSummary
|
||||||
title="Envelopes sent"
|
title="Envelopes versendet"
|
||||||
percent={3.6}
|
percent={3.6}
|
||||||
total={234}
|
total={envelopeTotal}
|
||||||
color="error"
|
color="error"
|
||||||
icon={<img alt="Envelopes sent" src="/assets/icons/glass/ic-glass-message.svg" />}
|
icon={<img alt="Envelopes versendet" src="/assets/icons/glass/ic-glass-message.svg" />}
|
||||||
chart={{
|
chart={{
|
||||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
|
categories: ['Vollständig signiert', 'Teilsigniert', 'Abgelehnt'],
|
||||||
series: [56, 30, 23, 54, 47, 40, 62, 73],
|
series: [envelopeStats.fullySigned, envelopeStats.partiallySigned, envelopeStats.declined],
|
||||||
}}
|
}}
|
||||||
|
details={[
|
||||||
|
{
|
||||||
|
label: 'Vollständig signiert',
|
||||||
|
value: envelopeStats.fullySigned,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Teilsigniert',
|
||||||
|
value: envelopeStats.partiallySigned,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Abgelehnt',
|
||||||
|
value: envelopeStats.declined,
|
||||||
|
},
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user