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

add search group in member

Browse Source
This commit is contained in:
unknown
2025-04-21 00:29:28 +07:00
parent 18e5bdea0c
commit ed9d094dd8
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/members/manage-members/blocks/ListToolBar.tsx
View File

@ -12,7 +12,7 @@ interface ListToolbarProps {
const ListToolbar = ({ createMember, onReload, isReloading }: ListToolbarProps) => {
const [emailFilter, setEmailFilter] = useState('');
const [groupFilter, setGroupFilter] = useState('');
const [usernameFilter, setUsernameFilter] = useState('');
const {table}=useDataGrid();
const handleUsernameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@ -20,9 +20,9 @@ const ListToolbar = ({ createMember, onReload, isReloading }: ListToolbarProps)
table.getColumn('username')?.setFilterValue(e.target.value);
};
const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setEmailFilter(e.target.value);
table.getColumn('email')?.setFilterValue(e.target.value);
const handleGroupChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setGroupFilter(e.target.value);
table.getColumn('group_name')?.setFilterValue(e.target.value);
};
return (
@ -37,6 +37,13 @@ const ListToolbar = ({ createMember, onReload, isReloading }: ListToolbarProps)
onChange={handleUsernameChange}
className="input input-sm w-40"
/>
<input
type="text"
placeholder="Search Group"
value={groupFilter}
onChange={handleGroupChange}
className="input input-sm w-40"
/>
</div>
<div className="flex gap-3 items-center">
<Button variant="outline" className="h-7.5 text-[0.8rem]" onClick={createMember}>