diff --git a/src/Components/Doughnut/LineChart.jsx b/src/Components/Doughnut/LineChart.jsx index 50987d5..010b90f 100644 --- a/src/Components/Doughnut/LineChart.jsx +++ b/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 } diff --git a/src/Pages/Dashbaord.jsx b/src/Pages/Dashbaord.jsx index ea96586..a28aad1 100644 --- a/src/Pages/Dashbaord.jsx +++ b/src/Pages/Dashbaord.jsx @@ -77,19 +77,19 @@ const Dashbaord = () => { - + - + Exchange rate currency - + IO Status - + - + {chartData?.labels?.map((item, index) => {item})} diff --git a/src/Pages/UnderConstruction.jsx b/src/Pages/UnderConstruction.jsx index 128699f..834dc42 100644 --- a/src/Pages/UnderConstruction.jsx +++ b/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} > - - {/* The requested URL was not found on this server. */} + + 🚧 Building Something Amazing Just for You! 🚧 ) } diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js index 284b4ff..5f7cf65 100644 --- a/src/Routes/Routes.js +++ b/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 }, ]; diff --git a/src/assets/under-construction.png b/src/assets/under-construction.png new file mode 100644 index 0000000..57542de Binary files /dev/null and b/src/assets/under-construction.png differ