TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update add notification & search

Browse Source
This commit is contained in:
Raja Oktafrianto
2025-04-17 14:36:14 +07:00
parent 4878deb0d4
commit 0bf1bca802
4 changed files with 84 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/settings/user/manage-position/blocks/ListToolBar.tsx
View File

@ -1,11 +1,33 @@
import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
import { useManagePositionContext } from '../hooks';
import { Button } from '@/components/ui/button';
import { useState } from 'react';
import { useEffect, useState } from 'react';
const ListToolBar = () => {
const { table, reload } = useDataGrid();
const { handleAddDialog } = useManagePositionContext();
const [searchValue, setSearchValue] = useState<string>(
(table.getColumn('name')?.getFilterValue() as string) ?? ''
);
const handleKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Enter') {
handleSearch();
}
};
const handleSearch = () => {
table.getColumn('username')?.setFilterValue(searchValue);
table.setPageIndex(0);
};
useEffect(() => {
const timer = setTimeout(() => {
table.getColumn('username')?.setFilterValue(searchValue);
table.setPageIndex(0);
}, 200);
return () => clearTimeout(timer);
}, [searchValue, table]);
return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5">
@ -17,8 +39,8 @@ const ListToolBar = () => {
<input
type="text"
placeholder="Search roles"
value={table.getColumn(`name`)?.getFilterValue() as string}
onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
value={searchValue}
onChange={(event) => setSearchValue(event.target.value)}
/>
</label>
{/* <DefaultTooltip title={'Search'} placement={'top'}>

29
src/pages/settings/user/manage-user/blocks/ListToolBar.tsx
View File

@ -1,10 +1,33 @@
import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
import { useUserContext } from '../hooks';
import { Button } from '@/components/ui/button';
import { useEffect, useState } from 'react';
const ListToolBar = () => {
const { table, reload } = useDataGrid();
const { handleAddDialog } = useUserContext();
const [searchValue, setSearchValue] = useState<string>(
(table.getColumn('username')?.getFilterValue() as string) ?? ''
);
const handleKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Enter') {
handleSearch();
}
};
const handleSearch = () => {
table.getColumn('username')?.setFilterValue(searchValue);
table.setPageIndex(0);
};
useEffect(() => {
const timer = setTimeout(() => {
table.getColumn('username')?.setFilterValue(searchValue);
table.setPageIndex(0);
}, 200);
return () => clearTimeout(timer);
}, [searchValue, table]);
return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5">
@ -16,10 +39,8 @@ const ListToolBar = () => {
<input
type="text"
placeholder="Search Username"
value={table.getColumn(`username`)?.getFilterValue() as string}
onChange={(event) =>
table.getColumn('username')?.setFilterValue(event.target.value)
}
value={searchValue}
onChange={(event) => setSearchValue(event.target.value)}
/>
</label>
{/* <DefaultTooltip title={'Search'} placement={'top'}>