feat(overview): update envelope statistics and localization in AnalyticsWidgetSummary

src/client/dd-hub-react/src/_mock/_data.ts

@@ -114,12 +114,7 @@ export const _langs = [
     value: 'de',
     label: 'German',
     icon: '/assets/icons/flags/ic-flag-de.svg',
-  },
+  }
-  {
-    value: 'fr',
-    label: 'French',
-    icon: '/assets/icons/flags/ic-flag-fr.svg',
-  },
 ];
 
 // ----------------------------------------------------------------------

src/client/dd-hub-react/src/layouts/dashboard/nav.tsx

@@ -203,7 +203,7 @@ export function NavContent({ data, slots, workspaces, sx }: NavContentProps) {
 
       {slots?.bottomArea}
 
-      <NavUpgrade />
+      {/* <NavUpgrade /> */}
     </>
   );
 }

src/client/dd-hub-react/src/sections/overview/view/overview-analytics-view.tsx

@@ -51,6 +51,14 @@ export function OverviewAnalyticsView() {
     },
   ];
 
+  const envelopeStats = {
+    fullySigned: 140,
+    partiallySigned: 68,
+    declined: 26,
+  };
+
+  const envelopeTotal = envelopeStats.fullySigned + envelopeStats.partiallySigned + envelopeStats.declined;
+
   useEffect(() => {
     let active = true;
 
@@ -123,15 +131,29 @@ export function OverviewAnalyticsView() {
 
         <Grid size={{ xs: 12, sm: 6, md: 3 }}>
           <AnalyticsWidgetSummary
-            title="Messages"
+            title="Envelopes versendet"
             percent={3.6}
-            total={234}
+            total={envelopeTotal}
             color="error"
-            icon={<img alt="Messages" src="/assets/icons/glass/ic-glass-message.svg" />}
+            icon={<img alt="Envelopes versendet" src="/assets/icons/glass/ic-glass-message.svg" />}
             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>