fix: Display the widget in the dashboard

safe-global · Feb 7, 2024 · feb856b · feb856b
1 parent 28f84b5
commit feb856b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/dashboard/FirstSteps/index.tsx b/src/components/dashboard/FirstSteps/index.tsx
@@ -26,7 +26,7 @@ type StatusProgressItems = Array<{
 const StatusProgress = ({ items }: { items: StatusProgressItems }) => {
   const totalNumberOfItems = items.length
   const completedItems = items.filter((item) => item.completed)
-  const progress = Math.ceil(completedItems.length / totalNumberOfItems) * 100
+  const progress = Math.round((completedItems.length / totalNumberOfItems) * 100)
 
   return (
     <>

diff --git a/src/components/dashboard/index.tsx b/src/components/dashboard/index.tsx
@@ -1,3 +1,4 @@
+import FirstSteps from '@/components/dashboard/FirstSteps'
 import type { ReactElement } from 'react'
 import dynamic from 'next/dynamic'
 import { Grid } from '@mui/material'
@@ -32,6 +33,14 @@ const Dashboard = (): ReactElement => {
           <Overview />
         </Grid>
 
+        <Grid item xs={12}>
+          <Grid container>
+            <Grid item xs={12} lg={4}>
+              <FirstSteps />
+            </Grid>
+          </Grid>
+        </Grid>
+
         <Grid item xs={12} lg={6}>
           <PendingTxsList />
         </Grid>