convert showdata to a react component

EveripediaNetwork · Jan 14, 2025 · 6d66d6b · 6d66d6b
1 parent b5b9a39
commit 6d66d6b
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/src/components/client/StatsPage.tsx b/src/components/client/StatsPage.tsx
@@ -31,11 +31,15 @@ type Stat = {
   icon?: (props: IconProps) => JSX.Element
 }
 
-const showData = (
-  value: Stat['value'],
-  prefix?: string,
-  isFetched?: boolean,
-) => {
+const ShowData = ({
+  value,
+  prefix,
+  isFetched,
+}: {
+  value: number | undefined
+  prefix?: string
+  isFetched?: boolean
+}) => {
   if (value === undefined && !isFetched) {
     return (
       <Spinner variant="primary" role="status" size="sm">
@@ -166,14 +170,20 @@ const StatsPage = () => {
                           fontSize={{ base: 'sm', md: 'md' }}
                           fontWeight="semibold"
                         >
-                          {isFailedToFetchData
-                            ? '-'
-                            : showData(item.value, valuePrefix, isFetched)}
+                          {isFailedToFetchData ? (
+                            '-'
+                          ) : (
+                            <ShowData
+                              value={item.value || 0}
+                              prefix={valuePrefix}
+                              isFetched={isFetched}
+                            />
+                          )}
                         </Text>
                       </Flex>
                     )
                   })}
-                </Stack>
+                </Stack>{' '}
               </Flex>
             )
           })}