diff --git a/src/pages/members/manage-members/blocks/ListToolBar.tsx b/src/pages/members/manage-members/blocks/ListToolBar.tsx index 3815442..b17a730 100644 --- a/src/pages/members/manage-members/blocks/ListToolBar.tsx +++ b/src/pages/members/manage-members/blocks/ListToolBar.tsx @@ -22,11 +22,17 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba const [groupFilter, setGroupFilter] = useState(''); const [usernameFilter, setUsernameFilter] = useState(''); + const [msisdnFilter, setMsisdnFilter] = useState(''); const {table}=useDataGrid(); + const handleUsernameChange = (e: React.ChangeEvent) => { setUsernameFilter(e.target.value); table.getColumn('username')?.setFilterValue(e.target.value); }; + const handleMsisdnChange = (e: React.ChangeEvent) => { + setMsisdnFilter(e.target.value); + table.getColumn('msisdn')?.setFilterValue(e.target.value); + }; const handleGroupChange = (e: any) => { let value = e.target.value; @@ -60,6 +66,13 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba ))} +