scroll bar add data postu, sucos, aldeias active. hide icon filter manage user & menu. message error in manage user done

This commit is contained in:
Raja Oktafrianto
2025-03-24 16:04:52 +07:00
parent d757e7d74f
commit 884617ac3c
12 changed files with 33 additions and 28 deletions

View File

@ -9,7 +9,7 @@ const AldeiasMaster = () => {
return ( return (
<ManageAldeiasContextProvider> <ManageAldeiasContextProvider>
<Container> <Container>
<h1 className="text-xl font-medium leading-none text-gray-900 mb-5">Aldeias</h1> <h1 className="text-xl font-medium leading-none text-gray-900 mb-3">Aldeias</h1>
<Breadcrumbs sx={{ mb: 2 }}> <Breadcrumbs sx={{ mb: 2 }}>
<Link underline="none" color="inherit" href="/"> <Link underline="none" color="inherit" href="/">
<span className="text-sm hover:underline">Dashboard</span> <span className="text-sm hover:underline">Dashboard</span>

View File

@ -172,7 +172,10 @@ const AddDialog = () => {
'Select Sucos'} 'Select Sucos'}
</button> </button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-[400px] p-0"> <PopoverContent
className="w-[400px] p-0"
onWheel={(e) => e.stopPropagation()}
>
<Command> <Command>
<CommandInput placeholder="Search Sucos..." /> <CommandInput placeholder="Search Sucos..." />
<CommandList> <CommandList>

View File

@ -174,10 +174,13 @@ const AddDialog = () => {
?.name || 'Select Municipios'} ?.name || 'Select Municipios'}
</button> </button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-[400px] p-0"> <PopoverContent
className="w-[400px] p-0"
onWheel={(e) => e.stopPropagation()}
>
<Command> <Command>
<CommandInput placeholder="Search Municipios..." /> <CommandInput placeholder="Search Municipios..." />
<CommandList> <CommandList className="max-h-[300px] overflow-y-auto pointer-events-auto">
<CommandEmpty>No Municipio found.</CommandEmpty> <CommandEmpty>No Municipio found.</CommandEmpty>
<CommandGroup> <CommandGroup>
{municipios.map((municipio) => ( {municipios.map((municipio) => (

View File

@ -18,9 +18,7 @@ const ListToolbar = () => {
type="text" type="text"
placeholder="Search Postu" placeholder="Search Postu"
value={(table.getColumn('name')?.getFilterValue() as string) ?? ''} value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
onChange={(event) => onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
table.getColumn('name')?.setFilterValue(event.target.value)
}
/> />
</label> </label>
{/* <DefaultTooltip title={'Filter'} placement={'top'}> {/* <DefaultTooltip title={'Filter'} placement={'top'}>

View File

@ -99,7 +99,7 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
{ {
accessorFn: (row) => row.municipios_name, accessorFn: (row) => row.municipios_name,
id: 'municipios_name', id: 'municipios_name',
header: ({ column }) => <DataGridColumnHeader title="Municipio Name" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Municipios Name" column={column} />,
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {

View File

@ -155,9 +155,11 @@ const AddDialog = () => {
<DialogBody ref={parentRef} className="overflow-y-auto"> <DialogBody ref={parentRef} className="overflow-y-auto">
<div className="flex flex-col"> <div className="flex flex-col">
{alert.show && ( {alert.show && (
<Alert variant="danger"> <div className="fixed top-[70px] left-1/2 -translate-x-1/2 -translate-y-1/2 z-50">
<h3>{alert.message}</h3> <Alert variant="danger">
</Alert> <h3>{alert.message}</h3>
</Alert>
</div>
)} )}
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>

View File

@ -10,7 +10,7 @@ const SucosMaster = () => {
return ( return (
<ManageSucosContextProvider> <ManageSucosContextProvider>
<Container> <Container>
<h1 className="text-xl font-medium leading-none text-gray-900 mb-5">Sucos</h1> <h1 className="text-xl font-medium leading-none text-gray-900 mb-3">Sucos</h1>
<Breadcrumbs sx={{ mb: 2 }}> <Breadcrumbs sx={{ mb: 2 }}>
<Link underline="none" color="inherit" href="/"> <Link underline="none" color="inherit" href="/">
<span className="text-sm hover:underline">Dashboard</span> <span className="text-sm hover:underline">Dashboard</span>

View File

@ -170,7 +170,10 @@ const AddDialog = () => {
?.PostoAdms_name || 'Select Posto Administrativo'} ?.PostoAdms_name || 'Select Posto Administrativo'}
</button> </button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-[400px] p-0"> <PopoverContent
className="w-[400px] p-0"
onWheel={(e) => e.stopPropagation()}
>
<Command> <Command>
<CommandInput placeholder="Search Posto Adms..." /> <CommandInput placeholder="Search Posto Adms..." />
<CommandList> <CommandList>

View File

@ -21,14 +21,6 @@ const ListToolbar = () => {
table.getColumn('sucos_name')?.setFilterValue(event.target.value) table.getColumn('sucos_name')?.setFilterValue(event.target.value)
} }
/> />
<input
type="text"
placeholder="Search Posto Administrativo"
value={String(table.getColumn(`posto_name`)?.getFilterValue() ?? '')}
onChange={(event) =>
table.getColumn('posto_name')?.setFilterValue(event.target.value)
}
/>
</label> </label>
{/* <DefaultTooltip title={'Filter'} placement={'top'}> {/* <DefaultTooltip title={'Filter'} placement={'top'}>
<Button <Button

View File

@ -20,7 +20,7 @@ const ListToolbar = () => {
onChange={(event) => table.getColumn('subMenu')?.setFilterValue(event.target.value)} onChange={(event) => table.getColumn('subMenu')?.setFilterValue(event.target.value)}
/> />
</label> </label>
<DefaultTooltip title={'Filter'} placement={'top'}> {/* <DefaultTooltip title={'Filter'} placement={'top'}>
<Button <Button
variant="outline" variant="outline"
className="h-7.5 disabled:bg-gray-400" className="h-7.5 disabled:bg-gray-400"
@ -28,9 +28,9 @@ const ListToolbar = () => {
// onClick={handleFilterData} // onClick={handleFilterData}
> >
{/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */} {/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */}
<KeenIcon icon="filter" /> {/* <KeenIcon icon="filter" />
</Button> </Button>
</DefaultTooltip> </DefaultTooltip> */}
</div> </div>
<div className="flex gap-3 items-center"> <div className="flex gap-3 items-center">
<Button <Button

View File

@ -22,7 +22,7 @@ const ListToolBar = () => {
} }
/> />
</label> </label>
<DefaultTooltip title={'Filter'} placement={'top'}> {/* <DefaultTooltip title={'Filter'} placement={'top'}>
<Button <Button
variant="outline" variant="outline"
className="h-7.5 disabled:bg-gray-400" className="h-7.5 disabled:bg-gray-400"
@ -30,9 +30,9 @@ const ListToolBar = () => {
// onClick={handleFilterData} // onClick={handleFilterData}
> >
{/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */} {/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */}
<KeenIcon icon="filter" /> {/* <KeenIcon icon="filter" />
</Button> </Button>
</DefaultTooltip> </DefaultTooltip> */}
</div> </div>
<div className="flex gap-3 items-center"> <div className="flex gap-3 items-center">
<Button <Button

View File

@ -110,7 +110,11 @@ const DropdownUser = ({ menuItemRef }: IDropdownUserProps) => {
</Alert> </Alert>
</DialogHeader> </DialogHeader>
<DialogFooter className="flex justify-end items-center gap-4 mt-3"> <DialogFooter className="flex justify-end items-center gap-4 mt-3">
<Button variant={'outlined'} onClick={() => setShowLogoutDialog(false)}> <Button
variant={'outlined'}
onClick={() => setShowLogoutDialog(false)}
style={{ color: 'grey', borderColor: 'grey' }}
>
Cancel Cancel
</Button> </Button>
<Button variant="outlined" color="error" onClick={handleLogout}> <Button variant="outlined" color="error" onClick={handleLogout}>