gitscope
/
← marzneshin / app/dashboard/src/components/system-property-status/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/components/system-property-status/index.tsx · v0.2.0
Source
1 bf7c131 Mardin 2y ago import { Flex } from '@chakra-ui/react';
2 bf7c131 Mardin 2y ago import { FC, useState } from 'react';
3 89f8f93 Mardin 2y ago import { ChakraIcon } from 'types';
4 b366afa Mardin 2y ago
5 2ae554f Mardin 2y ago type SystemPropertyStatusProps = {
6 2ae554f Mardin 2y ago value: number | string;
7 2ae554f Mardin 2y ago StatusIcon: ChakraIcon;
8 b366afa Mardin 2y ago }
9 b366afa Mardin 2y ago
10 2ae554f Mardin 2y ago export const SystemPropertyStatus: FC<SystemPropertyStatusProps> = ({ value, StatusIcon }) => {
11 89f8f93 Mardin 2y ago const [valueState,] = useState(value);
12 bf7c131 Mardin 2y ago return (
13 bf7c131 Mardin 2y ago <Flex flexDirection="row">
14 bf7c131 Mardin 2y ago <StatusIcon />
15 bf7c131 Mardin 2y ago <span>{valueState}</span>
16 bf7c131 Mardin 2y ago </Flex>
17 bf7c131 Mardin 2y ago );
18 b366afa Mardin 2y ago };