Siddhesh.More/tanami-admin-panel
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 2 Wiki Activity

kaam chalu hai😉

Browse Source
This commit is contained in:
YasinShaikh123
2025-01-10 14:53:55 +05:30
parent 96f8c32483
commit aeb0f25663
1 changed files with 39 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/Pages/Dashboard/Dashbaord.jsx
View File

@@ -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>