FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 15:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/input): input dialog mantine rewrite

Browse Source
This commit is contained in:
Luke
2022-12-16 15:00:01 +01:00
parent f24e43a1a4
commit c419474969
8 changed files with 108 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/features/dialog/components/fields/checkbox.tsx
View File

@@ -1,7 +1,6 @@
import { Box, Checkbox, HStack, Text } from '@chakra-ui/react';
import { Checkbox } from '@mantine/core';
import { useEffect } from 'react';
import { ICheckbox } from '../../../../interfaces/dialog';
import Label from '../Label';
interface Props {
row: ICheckbox;
@@ -15,16 +14,12 @@ const CheckboxField: React.FC<Props> = (props) => {
}, []);
return (
<>
<Box mb={3}>
<Checkbox
onChange={(e: React.ChangeEvent<HTMLInputElement>) => props.handleChange(e.target.checked, props.index)}
defaultChecked={props.row.checked}
>
<Label label={props.row.label} description={props.row.description} />
</Checkbox>
</Box>
</>
<Checkbox
sx={{ display: 'flex' }}
label={props.row.label}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => props.handleChange(e.target.checked, props.index)}
defaultChecked={props.row.checked}
/>
);
};