github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-10-12 10:58:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

select list bug fixed

Browse Source
This commit is contained in:
Amit Fainholts
2022-02-01 14:03:36 +02:00
parent 071ec955f5
commit 5e1000aa85
5 changed files with 68 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
ui/src/components/UI/SelectList.tsx
View File

@@ -18,7 +18,7 @@ export interface Props {
}
const SelectList: React.FC<Props> = ({items ,tableName,checkedValues=[],multiSelect=true,searchValue="",setCheckedValues,tabelClassName}) => {
const filteredValues = useMemo(() => {
return items.filter((listValue) => listValue?.value?.includes(searchValue));
},[items, searchValue])
@@ -27,24 +27,27 @@ const SelectList: React.FC<Props> = ({items ,tableName,checkedValues=[],multiSel
if (!multiSelect){
unToggleAll();
}
let index = checkedValues.indexOf(checkedKey);
if(index > -1) checkedValues.splice(index,1);
else checkedValues.push(checkedKey);
setCheckedValues(checkedValues);
const newCheckedValues = [...checkedValues];
let index = newCheckedValues.indexOf(checkedKey);
if(index > -1) newCheckedValues.splice(index,1);
else newCheckedValues.push(checkedKey);
setCheckedValues(newCheckedValues);
}
const unToggleAll = () => {
checkedValues = [];
setCheckedValues([]);
}
const toggleAll = () => {
if(checkedValues.length === items.length) checkedValues = [];
else items.forEach((obj) => {
if(!checkedValues.includes(obj.key))
checkedValues.push(obj.key);
})
setCheckedValues(checkedValues);
const newCheckedValues = [...checkedValues];
if(newCheckedValues.length === items.length) setCheckedValues([]);
else {
items.forEach((obj) => {
if(!newCheckedValues.includes(obj.key))
newCheckedValues.push(obj.key);
})
setCheckedValues(newCheckedValues);
}
}
const tableHead = multiSelect ? <tr style={{borderBottomWidth: "2px"}}>