more

src/pageElements/Radio.js

@@ -1,30 +1,41 @@
 import { CircleFill, Circle } from "react-bootstrap-icons";
 
 const Radio = (props) => {
-  const {
-    className,
-    classNames,
-    labelText,
-    title,
-    price,
-    ref,
-    onClick,
-    value,
-    options,
-    disabled,
-  } = props;
+  console.log("hello");
+  const { name, onClick, value, disabled, activeRadioOption } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
-  const foo = [];
+  console.log("value, activeRadioOption", value, activeRadioOption);
   return (
     <div>
-      {options.map((option) => (
-        <div
-          className="option-container"
-          key={option.name}
-          onClick={() => !disabled && onClick && onClick(option)}
-        >
-          {value == option?.value ? (
+      <div
+        className="radio-option-container"
+        key={name}
+        onClick={() => !disabled && onClick && onClick(name)}
+      >
+        {value == activeRadioOption ? (
+          <div className="radio-circle-container">
+            <div> {`checked: ${name}`} </div>
+          </div>
+        ) : (
+          <div className="radio-circle-container">
+            <div> {`unchecked: ${name}`} </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+/**
+ * A radio button is a quick way to extract a single coded answer from our users by presenting multiple possibilities and allowing only one option to be chosen.
+ */
+
+export default Radio;
+
+/*
+
+{value == option?.value ? (
             <div className="circle-container">
               <div> {option.name}</div>
               <CircleFill
@@ -59,17 +70,7 @@ const Radio = (props) => {
           )}
         </div>
       ))}
-    </div>
-  );
-};
 
-/**
- * A radio button is a quick way to extract a single coded answer from our users by presenting multiple possibilities and allowing only one option to be chosen.
- */
-
-export default Radio;
-
-/*
         {options &&
           options?.length &&
           options.map((option, index) => (