github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-28 13:55:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Radio buttons added to selectList with single select

Browse Source
This commit is contained in:
Amit Fainholts
2022-01-25 14:29:45 +02:00
parent 5d6f53409c
commit 5850a250fe
2 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ui/src/components/UI/Radio.tsx Normal file
View File

@@ -0,0 +1,17 @@
import React from "react";
export interface Props {
checked: boolean;
onToggle: (checked:boolean) => any;
}
const Radio: React.FC<Props> = ({checked, onToggle}) => {
return (
<div>
<input style={{cursor: "pointer"}} type="radio" checked={checked} onChange={(event) => onToggle(event.target.checked)}/>
</div>
);
};
export default Radio;

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

@@ -1,5 +1,6 @@
import { useMemo, useState } from "react";
import Checkbox from "./Checkbox"
import Radio from "./Radio";
export interface Props {
valuesListInput;
@@ -73,7 +74,8 @@ const SelectList: React.FC<Props> = ({valuesListInput,tableName,multiSelect=true
{filteredValues?.map(listValue => {
return <tr key={listValue}>
<td style={{width: 50}}>
<Checkbox checked={valuesList[listValue]} onToggle={() => toggleValues(listValue)}/>
{multiSelect && <Checkbox checked={valuesList[listValue]} onToggle={() => toggleValues(listValue)}/>}
{!multiSelect && <Radio checked={valuesList[listValue]} onToggle={() => toggleValues(listValue)}/>}
</td>
<td>{listValue}</td>
</tr>