diff options
author | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:40:42 -0500 |
---|---|---|
committer | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:40:42 -0500 |
commit | 03b7ccaa5c152c8d7ed73374be8ad4d4d034845b (patch) | |
tree | 7ce20a5749018fbe82c85ee1bd7c2a5c5083eb4b /extension/src/RadioButtonGroup.tsx | |
parent | 958ab3cd5edad8b48a3fa49e0f151b3285abdbfa (diff) | |
download | bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.tar.gz bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.tar.bz2 bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.zip |
Implement sorting and refactor
Diffstat (limited to 'extension/src/RadioButtonGroup.tsx')
-rw-r--r-- | extension/src/RadioButtonGroup.tsx | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/extension/src/RadioButtonGroup.tsx b/extension/src/RadioButtonGroup.tsx deleted file mode 100644 index da1b521..0000000 --- a/extension/src/RadioButtonGroup.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, {ReactElement, useEffect, useId, useState} from "react"; - -interface RadioProps { - children: ReactElement<HTMLOptionElement>[], - value: any, - onChange?: (arg0: any) => void -} - -function RadioButtonGroup(props: RadioProps) { - const [selected, setSelected] = useState(props.value); - useEffect(() => { - setSelected(props.value); - }, [props.value]); - useEffect(() => { - props.onChange && props.onChange(selected); - }, [selected]) - - return ( - <div className="radio-group"> - { props.children.map((item) => ( - <label> - <input - type="radio" - name={useId()} - value={item.props.value} - checked={item.props.value === selected} - onChange={e => setSelected(e.target.value)} - /> - {item.props.children.toString()} - </label> - )) } - </div> - ) -} - -export default RadioButtonGroup
\ No newline at end of file |