more

2024-01-25 13:34:57 -06:00
parent a076a3bf9f
commit 5964317880
2 changed files with 44 additions and 2 deletions
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -19,7 +19,45 @@ const Radio = (props) => {
  return (
    <div>
      {options.map((option) => (
-        <>{option.name}</>
+        <div
+          className="option-container"
+          key={option.name}
+          onClick={() => !disabled && onClick && onClick(option)}
+        >
+          {value == option?.value ? (
+            <div className="circle-container">
+              <div> {option.name}</div>
+              <CircleFill
+                className={
+                  value === option.value
+                    ? "clickable-icon-active"
+                    : "clieckable-icon"
+                }
+                color="#1a76c7"
+                size="20px"
+                onClick={(e) => {
+                  !disabled && onClick(e);
+                }}
+              />
+            </div>
+          ) : (
+            <div className="circle-container">
+              <div> {option.name}</div>
+              <Circle
+                className={
+                  value === option.value
+                    ? "clickable-icon-active"
+                    : "clieckable-icon"
+                }
+                color="#1a76c7"
+                size="20px"
+                onClick={(e) => {
+                  !disabled && onClick(e);
+                }}
+              />
+            </div>
+          )}
+        </div>
      ))}
    </div>
  );