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