AppStd/DigitalData.Hub
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(create-filter-modal): add useStates to name and label text-fields

Browse Source
This commit is contained in:
tekh 2025-07-09 01:29:31 +02:00
parent dbea5cbeec
commit 4056719b50
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
View File

@ -7,6 +7,7 @@ import Autocomplete from '@mui/material/Autocomplete';
import { Iconify } from 'src/components/iconify/iconify'; import { Iconify } from 'src/components/iconify/iconify';
import { createFiltersAsync, FilterCreateDto, filterTypes, Type } from '../../../api/filter-service'; import { createFiltersAsync, FilterCreateDto, filterTypes, Type } from '../../../api/filter-service';
import { useState } from 'react';
const style = { const style = {
position: 'absolute', position: 'absolute',
@ -25,6 +26,9 @@ type ModalProps = {
} }
export default function CreateFilterModal({ open, handleClose }: ModalProps) { export default function CreateFilterModal({ open, handleClose }: ModalProps) {
const [name, setName] = useState<string>('');
const [label, setLabel] = useState<string>('');
return ( return (
<div> <div>
<Modal <Modal
@ -34,8 +38,8 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
aria-describedby="modal-modal-description" aria-describedby="modal-modal-description"
> >
<Box sx={style}> <Box sx={style}>
<TextField label="Label" variant="filled" /> <TextField label="Label" variant="filled" value={name} onChange={e => setName(e.target.value)} />
<TextField label="Name" variant="filled" /> <TextField label="Name" variant="filled" value={label} onChange={e => setLabel(e.target.value)} />
<Autocomplete <Autocomplete
disablePortal disablePortal
options={filterTypes} options={filterTypes}