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

fix member

Browse Source
This commit is contained in:
unknown
2025-05-21 16:13:42 +07:00
parent 1f8c5d411e
commit 4f620f781d
1 changed files with 46 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,25 +29,26 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
const [typeSearchValue, setSearchTypeValue] = useState<string>(); const [typeSearchValue, setSearchTypeValue] = useState<string>();
const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => { const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
setSearchValue(e.target.value) e.preventDefault()
// setSearchValue(e.target.value)
if (typeSearchValue === 'username') { if (typeSearchValue === 'username') {
table.getColumn('username')?.setFilterValue(e.target.value); table.getColumn('username')?.setFilterValue(searchValue);
table.getColumn('msisdn')?.setFilterValue(''); table.getColumn('msisdn')?.setFilterValue('');
} }
if (typeSearchValue === 'msisdn') { if (typeSearchValue === 'msisdn') {
table.getColumn('msisdn')?.setFilterValue(e.target.value); table.getColumn('msisdn')?.setFilterValue(searchValue);
table.getColumn('username')?.setFilterValue(''); table.getColumn('username')?.setFilterValue('');
} }
if (groupFilter) table.getColumn('group_name')?.setFilterValue(groupFilter); table.getColumn('group_name')?.setFilterValue(groupFilter);
}; };
const handleGroupChange = (e: any) => { const handleGroupChange = (e: any) => {
let value = e.target.value; let value = e.target.value;
if (value === '__all__') value = ''; if (value === '__all__') value = '';
setGroupFilter(value); setGroupFilter(value);
if (typeSearchValue === 'username') table.getColumn('username')?.setFilterValue(searchValue); // if (typeSearchValue === 'username') table.getColumn('username')?.setFilterValue(searchValue);
if (typeSearchValue === 'msisdn') table.getColumn('msisdn')?.setFilterValue(searchValue); // if (typeSearchValue === 'msisdn') table.getColumn('msisdn')?.setFilterValue(searchValue);
table.getColumn('group_name')?.setFilterValue(value); // table.getColumn('group_name')?.setFilterValue(value);
}; };
const generateExportFilters = (groupFilter: string, typeSearchValue: any, searchValue: any): { id: string; value: string }[] => { const generateExportFilters = (groupFilter: string, typeSearchValue: any, searchValue: any): { id: string; value: string }[] => {
@ -83,8 +84,9 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
<div className="card-header flex-wrap gap-2 border-b-0 px-5"> <div className="card-header flex-wrap gap-2 border-b-0 px-5">
<div className="flex flex-wrap gap-2 lg:gap-5 w-full"> <div className="flex flex-wrap gap-2 lg:gap-5 w-full">
<div className="flex justify-between w-full items-center"> <div className="flex justify-between w-full items-center">
<div className="flex gap-3 items-center">
<form onSubmit={(e:any) => handleSearch(e)}>
<div className="flex gap-3 items-center">
<Select value={groupFilter} onValueChange={(e) => (handleGroupChange({ target : { value: e }}))}> <Select value={groupFilter} onValueChange={(e) => (handleGroupChange({ target : { value: e }}))}>
<SelectTrigger className="input input-sm w-[250px] h-[31px]"> <SelectTrigger className="input input-sm w-[250px] h-[31px]">
<SelectValue placeholder="Select Group" /> <SelectValue placeholder="Select Group" />
@ -110,16 +112,20 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
</Select> </Select>
<label className="input input-sm w-1/3"> <label className="input input-sm w-1/3">
<KeenIcon icon="magnifier" /> {/* <KeenIcon icon="magnifier" /> */}
<input <input
type="text" type="text"
placeholder={`Search ${typeSearchValue || ''}`} // Use typeSearchValue if it's set, else fallback to an empty string placeholder={`Search ${typeSearchValue || ''}`} // Use typeSearchValue if it's set, else fallback to an empty string
value={searchValue} value={searchValue}
onChange={(e:any) => handleSearch(e)} onChange={(e:any) => setSearchValue(e.target.value)}
/> />
</label> </label>
<Button variant="outline" className="h-7.5">
<KeenIcon icon="magnifier" />
</Button>
</div> </div>
</form>
<div className="flex gap-3 items-center"> <div className="flex gap-3 items-center">
<Button <Button
variant="outline" variant="outline"