From 1beeeed8d3065d2a9c577d25bb528b5cdbc770e6 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 15 Jan 2025 19:53:02 +0530
Subject: [PATCH] =?UTF-8?q?[=20Dashboard=20design=20changes=20done=20?=
 =?UTF-8?q?=F0=9F=98=8E=F0=9F=98=B7=20]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Images/dash_icon_3n.png                   | Bin 0 -> 2167 bytes
 src/Images/dash_icon_6n.png                   | Bin 0 -> 3555 bytes
 src/Pages/Dashboard/Dashbaord.jsx             |  58 ++++++++++--------
 .../Dashboard/InvestmentOpportunities.jsx     |  12 ++--
 4 files changed, 39 insertions(+), 31 deletions(-)
 create mode 100644 src/Images/dash_icon_3n.png
 create mode 100644 src/Images/dash_icon_6n.png

diff --git a/src/Images/dash_icon_3n.png b/src/Images/dash_icon_3n.png
new file mode 100644
index 0000000000000000000000000000000000000000..07686be9aff2c3d2087bcfe52151102c2dcf9822
GIT binary patch
literal 2167
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

literal 0
HcmV?d00001

diff --git a/src/Images/dash_icon_6n.png b/src/Images/dash_icon_6n.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c6af97af6fd8f03991d4e6921076be95272c57d
GIT binary patch
literal 3555
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

literal 0
HcmV?d00001

diff --git a/src/Pages/Dashboard/Dashbaord.jsx b/src/Pages/Dashboard/Dashbaord.jsx
index 55514e6..21eb122 100644
--- a/src/Pages/Dashboard/Dashbaord.jsx
+++ b/src/Pages/Dashboard/Dashbaord.jsx
@@ -22,10 +22,10 @@ import { useGetDashboardMasterQuery } from "../../Services/dashboard.service";
 import InvestmentOpportunities from "./InvestmentOpportunities";
 import IconOne from '../../Images/dash_icon_1.svg';
 import IconTwo from '../../Images/dash_icon_2.svg';
-import IconThree from '../../Images/dash_icon_3.svg';
+import IconThree from '../../Images/dash_icon_3n.png';
 import IconFour from '../../Images/dash_icon_4.svg'
 import IconFive from '../../Images/dash_icon_5.svg';
-import IconSix from '../../Images/dash_icon_6.svg';
+import IconSix from '../../Images/dash_icon_6n.png';
 import IconSeven from '../../Images/dash_icon_7.svg'
 
 // const panddingReguest = [
@@ -225,12 +225,12 @@ const Dashbaord = ({ showSearch = false }) => {
           <Heading fontSize={"md"} fontWeight={500}>
             Pending Request
           </Heading>
-          <Divider />
+          <Divider borderBottom={'1px solid #00471785'} />
           <SimpleGrid columns={2} spacing={3}>
             {panddingReguest.map((item, index) => (
-              <Box key={index} bg="white" p={4} pb={2} rounded={10} border={'1px solid #0047171f'}>
+              <Box key={index} bg="white" p={4} pb={2} rounded={10} border={'1px solid #00471785'}>
                 <Text fontSize={"18px"} mb={2}>
-                  <Image src={item.icon} /> 
+                  <Image w={"20px"} src={item.icon} /> 
                 </Text>
                 <Text mb={0} mt={0} fontSize={"11px"} fontWeight={500}>
                   {item.label}
@@ -246,16 +246,22 @@ const Dashbaord = ({ showSearch = false }) => {
           <Heading fontSize={"md"} fontWeight={500}>
             User Activity
           </Heading>
-          <Divider />
+          <Divider borderBottom={'1px solid #00471785'} />
           <SimpleGrid columns={3} spacing={3}>
             {userActivity.map((item, index) => (
-              <Box key={index} bg="white" p={4} rounded={10} border={'1px solid #0047171f'}>
+              <Box key={index} bg="white" p={4} rounded={10} border={'1px solid #00471785'}>
                 <Flex alignContent={"center"}>
-                  <Text fontSize={"18px"}><Image w={'25px'} src={item.icon} /></Text>
+                <Text fontSize={"18px"} mb={0}>
+                  {item.icon === IconSix ? (
+                    <Image w={"40px"} src={item.icon} />
+                  ) : (
+                    <Image w={"25px"} src={item.icon} />
+                  )}
+                </Text>
                   <Text
                     fontSize={"11px"}
                     fontWeight={500}
-                    mb={2}
+                    mb={0}
                     minH={"38px"}
                     ml={1}
                     mt={0}
@@ -280,7 +286,7 @@ const Dashbaord = ({ showSearch = false }) => {
             ))}
           </SimpleGrid>
           <Box display={"flex"} gap={3} mt={4}>
-            <Box w={"50%"} bg={"#fff"} p={4} rounded={10} border={'1px solid #0047171f'}>
+            <Box w={"50%"} bg={"#fff"} px={4} rounded={10} border={'1px solid #0047171f'}>
               <Box h={"25px"}></Box>
               <HStack justifyContent={"space-between"}>
                 <Box textAlign={"center"}>
@@ -292,11 +298,11 @@ const Dashbaord = ({ showSearch = false }) => {
                   >
                     {data?.data?.userActivity?.openedAppToday?.percentage} %
                   </Text>
-                  <Text fontSize={"11px"} fontWeight={500}>
+                  <Text fontSize={"11px"} fontWeight={500} mb={0}>
                     Users that opened the app today
                   </Text>
                 </Box>
-                <Divider orientation="vertical" />
+                <Divider orientation="vertical" h={'70px'} borderLeft={'1px solid #00471785'} />
                 <Box textAlign={"center"}>
                   <Text
                     as={"span"}
@@ -309,7 +315,7 @@ const Dashbaord = ({ showSearch = false }) => {
                         ?.number || 0
                     ).toLocaleString()}
                   </Text>
-                  <Text fontSize={"11px"} fontWeight={500}>
+                  <Text fontSize={"11px"} fontWeight={500} mb={0}>
                     Users who logged in during the last month
                   </Text>
                 </Box>
@@ -318,19 +324,21 @@ const Dashbaord = ({ showSearch = false }) => {
             <Box
               w={"50%"}
               bg={"#fff"}
-              p={4}
+              px={4}
               rounded={10}
               alignItems={"inherit"}
               border={'1px solid #0047171f'}
             >
-              <Box display={"flex"} justifyContent={"end"}>
+              <Box display={"flex"} justifyContent={"end"} position={'relative'} top={3}>
                 <Select
                   bg={"#0047170F"}
-                  w={"110px"}
+                  w={"100px"}
                   display={"flex"}
                   alignItems={"center"}
                   // placeholder="Select"
                   size="xs"
+                  fontSize={'10px'}
+                  fontWeight={600}
                   rounded={5}
                   onChange={(e) => setFilter(e.target.value)}
                 >
@@ -355,11 +363,11 @@ const Dashbaord = ({ showSearch = false }) => {
                       ? data?.data?.userActivity?.newSignUps?.last7days
                       : data?.data?.userActivity?.newSignUps?.last30days}
                   </Text>
-                  <Text fontSize={"11px"} fontWeight={500}>
+                  <Text fontSize={"11px"} fontWeight={500} mb={0}>
                     New sign-ups{" "}
                   </Text>
                 </Box>
-                <Divider orientation="vertical" />
+                <Divider  orientation="vertical" h={'70px'} borderLeft={'1px solid #00471785'}  />
                 <Box textAlign={"center"}>
                   <Text
                     as={"span"}
@@ -374,7 +382,7 @@ const Dashbaord = ({ showSearch = false }) => {
                       : data?.data?.userActivity?.newKYCVerifications
                           ?.last30days}
                   </Text>
-                  <Text fontSize={"11px"} fontWeight={500}>
+                  <Text fontSize={"11px"} fontWeight={500} mb={0}>
                     New KYC verification
                   </Text>
                 </Box>
@@ -388,7 +396,7 @@ const Dashbaord = ({ showSearch = false }) => {
           <Heading fontSize={"md"} fontWeight={500}>
             Investment Opportunities
           </Heading>
-          <Divider />
+          <Divider borderBottom={'1px solid #00471785'} />
           <Box mb={5} bg={"#fff"} py={2} rounded={4} border={'1px solid #0047171f'}>
             <HStack
               justifyContent={"space-between"}
@@ -416,10 +424,10 @@ const Dashbaord = ({ showSearch = false }) => {
           </Box>
           <SimpleGrid columns={2} spacing={4}>
             {closedOpportunities.map((item, index) => (
-              <Box key={index} bg="white" p={4} rounded={10} border={'1px solid #0047171f'}>
+              <Box key={index} bg="white" p={4} rounded={10} border={'1px solid #00471785'}>
                 <HStack alignItems={"center"}>
                   <Text fontSize={"17px"} mb={0}>
-                  <Image src={item.icon} />
+                  <Image w={'20px'} src={item.icon} />
                   </Text>
                   <Text mb={0} mt={0} fontSize={"11px"} fontWeight={500}>
                     {item.label}
@@ -440,7 +448,7 @@ const Dashbaord = ({ showSearch = false }) => {
           <Heading fontSize={"md"} fontWeight={500}>
             Wallet Balances
           </Heading>
-          <Divider />
+          <Divider borderBottom={'1px solid #00471785'} />
           <Box bg={"#fff"} p={4} rounded={4} mb={5} border={'1px solid #0047171f'}>
             <Text fontSize={"xxl"} fontWeight={600} mb={2}>
               ${" "}
@@ -461,7 +469,7 @@ const Dashbaord = ({ showSearch = false }) => {
           </Text>
           <SimpleGrid columns={2} spacing={2} mb={4}>
             {walletCase.slice(0, 4).map((item, index) => (
-              <Box key={index} bg={"#fff"} p={3} rounded={4} border={'1px solid #0047171f'}>
+              <Box key={index} bg={"#fff"} p={3} rounded={4} border={'1px solid #00471785'}>
                 <Text mb={1} fontSize={"md"} fontWeight={500}>
                   {item.amount}
                 </Text>
@@ -474,7 +482,7 @@ const Dashbaord = ({ showSearch = false }) => {
 
           <SimpleGrid columns={3} spacing={2}>
             {walletCase.slice(4).map((item, index) => (
-              <Box key={index} bg={"#fff"} p={3} rounded={4} border={'1px solid #0047171f'}>
+              <Box key={index} bg={"#fff"} p={3} rounded={4} border={'1px solid #00471785'}>
                 <Text mb={1} fontSize={"md"} fontWeight={500}>
                   {item.amount}
                 </Text>
diff --git a/src/Pages/Dashboard/InvestmentOpportunities.jsx b/src/Pages/Dashboard/InvestmentOpportunities.jsx
index ac71812..f06e633 100644
--- a/src/Pages/Dashboard/InvestmentOpportunities.jsx
+++ b/src/Pages/Dashboard/InvestmentOpportunities.jsx
@@ -1,4 +1,4 @@
-import { Box, HStack, Input, Select, Text, useToast } from "@chakra-ui/react";
+import { Badge, Box, HStack, Input, Select, Text, useToast } from "@chakra-ui/react";
 import React, { useContext, useEffect, useState } from "react";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
 import GlobalStateContext from "../../Contexts/GlobalStateContext";
@@ -60,25 +60,25 @@ const InvestmentOpportunities = ({ showSearch = true, selectStyle = {} }) => {
       </Box>
     ),
     "Amount Remaining %": (
-      <Box w={"110px"} isTruncated>
+      <Box w={"110px"} textAlign={'end'} isTruncated>
         <Text as={"span"} color={"teal.900"}>
-          {`${parseFloat(item?.Amount_remaining_per || 0).toLocaleString(
+          {parseFloat(item?.Amount_remaining_per || 0).toLocaleString(
             undefined,
             {
               minimumFractionDigits: 2,
               maximumFractionDigits: 2,
             }
-          )} %`}
+          )}<Badge ms={1} colorScheme="green">%</Badge>
         </Text>
       </Box>
     ),
     "Total Deal Size": (
       <Box w={"auto"} isTruncated>
         <Text as={"span"} color={"teal.900"}>
-          {`$ ${parseFloat(item?.Deal_size || 0).toLocaleString(undefined, {
+          <Badge me={1} ms={1} colorScheme="green">$</Badge>{parseFloat(item?.Deal_size || 0).toLocaleString(undefined, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2,
-          })}`}
+          })}
         </Text>
       </Box>
     ),