update
This commit is contained in:
@ -19,9 +19,9 @@ const ListToolbar = () => {
|
||||
(table.getColumn('code')?.getFilterValue() as string) ?? ''
|
||||
);
|
||||
|
||||
const [statusValue, setStatusValue] = useState<string>(
|
||||
(table.getColumn('status')?.getFilterValue() as string) ?? ''
|
||||
);
|
||||
// const [statusValue, setStatusValue] = useState<string>(
|
||||
// (table.getColumn('status')?.getFilterValue() as string) ?? ''
|
||||
// );
|
||||
|
||||
const [typeValue, setTypeValue] = useState<string>(
|
||||
(table.getState().columnFilters.find(f => f.id === 'kind')?.value as string) ?? ''
|
||||
@ -40,13 +40,13 @@ const ListToolbar = () => {
|
||||
return () => clearTimeout(timer);
|
||||
}, [searchValue, table]);
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => {
|
||||
table.getColumn('status')?.setFilterValue(statusValue);
|
||||
table.setPageIndex(0);
|
||||
}, 200);
|
||||
return () => clearTimeout(timer);
|
||||
}, [statusValue, table]);
|
||||
// useEffect(() => {
|
||||
// const timer = setTimeout(() => {
|
||||
// table.getColumn('status')?.setFilterValue(statusValue);
|
||||
// table.setPageIndex(0);
|
||||
// }, 200);
|
||||
// return () => clearTimeout(timer);
|
||||
// }, [statusValue, table]);
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => {
|
||||
@ -113,7 +113,7 @@ const ListToolbar = () => {
|
||||
/>
|
||||
</label>
|
||||
|
||||
<Select
|
||||
{/* <Select
|
||||
value={statusValue}
|
||||
onValueChange={(value) => {
|
||||
setStatusValue(value);
|
||||
@ -127,7 +127,7 @@ const ListToolbar = () => {
|
||||
<SelectItem value="F">FAILED</SelectItem>
|
||||
<SelectItem value="O">ON PROCESS</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</Select> */}
|
||||
|
||||
<Select
|
||||
value={typeValue}
|
||||
@ -170,7 +170,7 @@ const ListToolbar = () => {
|
||||
|
||||
// Only reset filters excluding from and to
|
||||
setSearchValue('');
|
||||
setStatusValue('');
|
||||
// setStatusValue('');
|
||||
setTypeValue('');
|
||||
settrxDate({
|
||||
from: formatDate(firstDayOfMonth),
|
||||
@ -180,7 +180,7 @@ const ListToolbar = () => {
|
||||
// Reset other filters except for date range
|
||||
table.setColumnFilters([
|
||||
{ id: 'code', value: '' },
|
||||
{ id: 'status', value: '' },
|
||||
// { id: 'status', value: '' },
|
||||
{ id: 'kind', value: '' },
|
||||
]);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user