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

3
src/config/api.config.ts
View File

@ -22,8 +22,7 @@ const apiConfig: apiConfigProps = {
transaction: `${API_URL}/x`, transaction: `${API_URL}/x`,
service_disbursement: `${API_URL}/s`, service_disbursement: `${API_URL}/s`,
service_notification: `${API_URL}/n`, service_notification: `${API_URL}/n`,
nationality: `https://tpay.shiblysolution.id/cms/api/mobile/list-country/ nationality: `https://tpay.shiblysolution.id/cms/api/mobile/list-country/`
`
}; };
export { apiConfig }; export { apiConfig };

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

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