more

src/pageElements/Toggle.js

@@ -1,15 +1,24 @@
 import ToggleButton from "react-bootstrap/ToggleButton";
 import ToggleButtonGroup from "react-bootstrap/ToggleButtonGroup";
 
-function Toggle() {
+const Toggle = (props) => {
+  const { onClick } = props;
   return (
     <>
       <ToggleButtonGroup type="radio" name="options" defaultValue={1}>
-        <ToggleButton id="tbg-radio-1" value={1}></ToggleButton>
-        <ToggleButton id="tbg-radio-2" value={2}></ToggleButton>
+        <ToggleButton
+          onClick={onClick}
+          id="tbg-radio-1"
+          value={1}
+        ></ToggleButton>
+        <ToggleButton
+          onClick={onClick}
+          id="tbg-radio-2"
+          value={2}
+        ></ToggleButton>
       </ToggleButtonGroup>
     </>
   );
-}
+};
 
 export default Toggle;