update friday

src/Components/Doughnut/LineChart.jsx

@@ -6,6 +6,7 @@ import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, PointElement, Li
 // Register the necessary components
 ChartJS.register( Title, Tooltip, Legend, LineElement, PointElement, LinearScale, CategoryScale );
 
+// Sample options for the chart
 // Sample options for the chart
 const options = {
     responsive: true,
@@ -27,9 +28,19 @@ const options = {
                 }
             }
         }
+    },
+    animation: {
+        tension: {
+            duration: 2000,
+            easing: 'linear',
+            from: 1,
+            to: 0,
+            loop: true
+        }
     }
 };
 
+
 const Utils = {
     numbers: ({ count, min, max }) => Array.from({ length: count }, () => Math.floor(Math.random() * (max - min + 1)) + min),
     CHART_COLORS: {
@@ -52,7 +63,7 @@ const LineChart = ({ width = 300, height = 250 }) => {
                 data: [45.9087, 23.8798, 99.9809, 65.8987, 65.8987, 34.9898, 32.8987],
                 borderColor: Utils.CHART_COLORS.darkGreen,
                 backgroundColor: Utils.transparentize(Utils.CHART_COLORS.darkGreen, 0.5),
-                pointStyle: 'circle',
+                pointStyle: 'rectRounded',
                 pointRadius: 10,
                 pointHoverRadius: 15
             }

src/Pages/Dashbaord.jsx

@@ -77,19 +77,19 @@ const Dashbaord = () => {
           <Icon position={'absolute'} right={6} bottom={6} boxSize={12} as={PiChartLineUpDuotone} />
         </Box>
       </Box>
-      <Box display={'flex'} pe={4} >
+      <Box display={'flex'} pe={4} minH={450}>
         <Box w={'77%'} p={4} pe={6} pt={1}  >
-          <Box position={'relative'} boxShadow={'lg'} rounded={'xl'} p={5}>
+          <Box position={'relative'} boxShadow={'lg'} display={'flex'} justifyContent={'center'} rounded={'xl'} p={5}>
             <Text position={'absolute'} top={3} left={6} as={'span'} fontSize={'sm'}>Exchange rate currency</Text>
             <LineChart />
           </Box>
         </Box>
-        <Box boxShadow={'lg'} bg={'#fff'} rounded={'xl'} w={'23%'} display={'flex'} justifyContent={'space-between'} flexDirection={'column'} h={535} mt={1} p={4}>
+        <Box boxShadow={'lg'} bg={'#fff'} rounded={'xl'} w={'23%'} display={'flex'} justifyContent={'space-between'} flexDirection={'column'} h={"fit-content"} mt={1} p={4}>
           <Text as={'span'} fontSize={'sm'}>IO Status</Text>
-          <Box display={'flex'} alignItems={'center'} h={'90%'} >
+          <Box display={'flex'} alignItems={'center'} h={420} >
             <DonutChart data={chartData} />
           </Box>
-          <HStack mt={3}>
+          <HStack flexWrap={'wrap'} mt={3}>
             {chartData?.labels?.map((item, index) => <Text as={'span'} display={'flex'} gap={0.5} alignItems={'center'} fontSize={'xs'} fontWeight={600}><GoDotFill color={chartData?.backgroundColor[index]} fontSize={21} />{item}</Text>)}
           </HStack>
         </Box>

src/Pages/UnderConstruction.jsx

@@ -1,7 +1,7 @@
 import { Box, Image, Text } from '@chakra-ui/react'
 import React from 'react'
 // import noInternet from "../assets/Error.svg"
-import robot from "../assets/robot.png"
+import robot from "../assets/under-construction.png"
 
 const UnderConstruction = ({title}) => {
   return (
@@ -13,8 +13,8 @@ const UnderConstruction = ({title}) => {
     flexDirection={'column'}
     gap={8}
     >
-        <Image src={robot} w={"171px"} />
-        {/* <Text color={'green.800'} as={'span'} fontSize={'small'}>The requested URL was not found on this server.</Text> */}
+        <Image src={robot} w={700} />
+        <Text color={'green.800'} as={'span'} mt={4} fontSize={'small'}>🚧 Building Something Amazing Just for You! 🚧</Text>
     </Box>
   )
 }

src/Routes/Routes.js

@@ -33,6 +33,7 @@ import EditBankDetails from "../Pages/Admin/BankDetails/EditBankDetails";
 import ExchangeHistory from "../Pages/Master/ExchangeRate/ExchangeHistroy";
 import Welcome from "../Pages/Welcome";
 import Dashbaord from "../Pages/Dashbaord";
+import UnderConstruction from "../Pages/UnderConstruction";
 
 export const RouteLink = [
   // =============[ Tanami ]================
@@ -68,30 +69,43 @@ export const RouteLink = [
   { path: "/investor-details", Component: InvestorDetails },
   { path: "/investor-details/profile-view/:id", Component: ProfileView },
   { path: "/investor-details/view-investor-details", Component: ViewInvestorDetails },
-  { path: "/investor-transactions", Component: InvestorTransactions },
+  // { path: "/investor-transactions", Component: InvestorTransactions },
+  { path: "/investor-transactions", Component: UnderConstruction },
 
   // ===============[ Deposit ]===============
   { path: "/deposit-request", Component: DepositRequest },
   { path: "/deposit-history", Component: DepositHistory },
 
   // ===============[ Withdrawal]===============
-  { path: "/withdraw-request", Component: PendingRequest },
-  { path: "/withdraw-history", Component: ViewHistory },
+  // { path: "/withdraw-request", Component: PendingRequest },
+  { path: "/withdraw-request", Component: UnderConstruction },
+  // { path: "/withdraw-history", Component: ViewHistory },
+  { path: "/withdraw-history", Component: UnderConstruction },
 
   // ===============[ Withdrawal]===============
-  { path: "/investor-history", Component: UpgradeHistory },
-  { path: "/investor-request", Component: InvestorPendingRequest },
+  // { path: "/investor-history", Component: UpgradeHistory },
+  { path: "/investor-history", Component: UnderConstruction },
+  // { path: "/investor-request", Component: InvestorPendingRequest },
+  { path: "/investor-request", Component: UnderConstruction },
 
   // ===============[ Deletion]===============
-  { path: "/deletion-request", Component: DeletionRequest },
-  { path: "/deletion-history", Component: DeletionHistory },
+  // { path: "/deletion-request", Component: DeletionRequest },
+  { path: "/deletion-request", Component: UnderConstruction },
+  // { path: "/deletion-history", Component: DeletionHistory },
+  { path: "/deletion-history", Component: UnderConstruction },
 
   // ===============[ Admin]===============
-  { path: "/bank-investor", Component: BankInvestor },
-  { path: "/academy", Component: Academy },
-  { path: "/notification", Component: Notification },
-  { path: "/contact", Component: Contact },
-  { path: "/users", Component: Users },
-  { path: "/bank-details", Component: BankDetails },
+  // { path: "/bank-investor", Component: BankInvestor },
+  { path: "/bank-investor", Component: UnderConstruction },
+  // { path: "/academy", Component: Academy },
+  { path: "/academy", Component: UnderConstruction },
+  // { path: "/notification", Component: Notification },
+  { path: "/notification", Component: UnderConstruction },
+  // { path: "/contact", Component: Contact },
+  { path: "/contact", Component: UnderConstruction },
+  // { path: "/users", Component: Users },
+  { path: "/users", Component: UnderConstruction },
+  // { path: "/bank-details", Component: BankDetails },
+  { path: "/bank-details", Component: UnderConstruction },
   { path: "/bank-details/edit-bank-details/:id", Component: EditBankDetails },
 ];