From aeb0f25663a1d075798215e6713eae47b721c98a Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Fri, 10 Jan 2025 14:53:55 +0530
Subject: [PATCH] =?UTF-8?q?kaam=20chalu=20hai=F0=9F=98=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Dashboard/Dashbaord.jsx | 47 +++++++++++++++++++++++++------
 1 file changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/Pages/Dashboard/Dashbaord.jsx b/src/Pages/Dashboard/Dashbaord.jsx
index 91672f7..4f51092 100644
--- a/src/Pages/Dashboard/Dashbaord.jsx
+++ b/src/Pages/Dashboard/Dashbaord.jsx
@@ -1,4 +1,4 @@
-import { Box, Divider, Flex, Grid, GridItem, Heading, SimpleGrid, Text } from '@chakra-ui/react'
+import { Box, Divider, Flex, Grid, GridItem, Heading, HStack, Select, SimpleGrid, Stack, Text } from '@chakra-ui/react'
 import React from 'react'
 import { BsBoxArrowDown, BsBoxArrowUp } from "react-icons/bs";
 import { LuContact } from "react-icons/lu";
@@ -50,14 +50,14 @@ const Dashbaord = () => {
   return (
     <Box height={'100vh'} bg={'#fff'} roundedTop={0} pt={5} pr={4} overflowX={"hidden"}>
       <Box display={'flex'} gap={5}>
-        <Box w={'40%'}  bg={'#f5f8f6'} p={4} rounded={5}>
+        <Box w={'40%'}  bg={'#0047170F'} p={4} rounded={5}>
           <Heading fontSize={'md'} fontWeight={500}>Pending Request</Heading>
           <Divider />
           <SimpleGrid columns={2} spacing={4}>
             {panddingReguest.map((item, index) => (
-              <Box key={index} bg="white" p={4} border="1px solid #004717ad" rounded={10}>
+              <Box key={index} bg="white" p={4} rounded={10}>
                 <Text fontSize={'18px'} mb={2}>{item.icon}</Text>
-                <Text mb={0} mt={0} fontSize="sm">
+                <Text mb={0} mt={0} fontSize={'12px'} fontWeight={500}>
                   {item.label}
                 </Text>
                 <Text as="span" fontSize={'md'} fontWeight={500} mb={0}>
@@ -67,15 +67,15 @@ const Dashbaord = () => {
             ))}
           </SimpleGrid>
         </Box>
-        <Box  bg={'#f5f8f6'} w={'65%'} p={4} rounded={5}>
-        <Heading fontSize={'md'} fontWeight={500}>Pending Request</Heading>
+        <Box  bg={'#0047170F'} w={'65%'} p={4} rounded={5}>
+          <Heading fontSize={'md'} fontWeight={500}>Pending Request</Heading>
           <Divider />
           <SimpleGrid columns={3} spacing={4}>
             {userActivity.map((item, index) => (
-              <Box key={index} bg="white" p={4} border="1px solid #004717ad" rounded={10}>
+              <Box key={index} bg="white" p={4} rounded={10}>
                 <Flex alignContent={'center'}>
                 <Text fontSize={'18px'}>{item.icon}</Text>
-                <Text mb={2} minH={'64px'} ml={2} mt={0} fontSize="sm">
+                <Text fontSize={'12px'} fontWeight={500} mb={2} minH={'38px'} ml={1} mt={0}>
                   {item.label}
                 </Text>
                 </Flex>
@@ -85,6 +85,37 @@ const Dashbaord = () => {
               </Box>
             ))}
           </SimpleGrid>
+          <Box display={'flex'} gap={4} mt={4}>
+            <HStack w={'50%'} bg={'#fff'} p={4} rounded={10}>
+              <Box textAlign={'center'}>
+                <Text as={'span'} color={'#066123'} fontSize={'md'} fontWeight={500}>80%</Text>
+                <Text fontSize={'12px'} fontWeight={500}>Users that opened the app today</Text>
+              </Box>
+               <Divider orientation='vertical' />
+              <Box textAlign={'center'}>
+                <Text as={'span'} color={'#066123'} fontSize={'md'} fontWeight={500}>3,298</Text>
+                <Text fontSize={'12px'} fontWeight={500}>New sign-ups </Text>
+              </Box>
+            </HStack>
+            <Box w={'50%'} bg={'#fff'} p={4} rounded={10} alignItems={'inherit'}>
+              <Select w={'90px'}  display={'flex'} alignItems={'center'} placeholder='Select' size='xs' rounded={5}>
+                <option value='option1'>Option 1</option>
+                <option value='option2'>Option 2</option>
+                <option value='option3'>Option 3</option>
+              </Select>
+              <HStack>
+                <Box textAlign={'center'}>
+                  <Text as={'span'} color={'#066123'} fontSize={'md'} fontWeight={500}>80%</Text>
+                  <Text fontSize={'12px'} fontWeight={500}>New KYC verification</Text>
+                </Box>
+                <Divider orientation='vertical' />
+                <Box textAlign={'center'}>
+                  <Text as={'span'} color={'#066123'} fontSize={'md'} fontWeight={500}>3,298</Text>
+                  <Text fontSize={'12px'} fontWeight={500}>Users who logged in </Text>
+                </Box>
+              </HStack>
+            </Box>
+          </Box>
         </Box>
       </Box>
     </Box>