From d6b8e97fc22fd38f536cedc4eb4ca5ff0da553b8 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 26 Jan 2024 19:23:58 -0600
Subject: [PATCH] more

---
 src/pageElements/Radio.js | 65 ++++++++++++++-------------------------
 1 file changed, 23 insertions(+), 42 deletions(-)

diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 8495cea..f22af54 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -18,56 +18,37 @@ const Radio = (props) => {
   console.log("value, activeRadioOption", value, activeRadioOption);
   return (
     <div className="radio-container">
-      <div
-        className="radio-option-container"
-        key={name}
-        onClick={() => !disabled && onClick && onClick(value)}
-      >
-        {value == activeRadioOption ? (
-          <>
-            <div className="radio-circle-container">
-              <div className="radio-circle-top">
+      <div className="radio-option-container" key={name}>
+        <>
+          <div className="radio-circle-container">
+            <div
+              className="radio-circle-top"
+              onClick={() => !disabled && onClick && onClick(value)}
+            >
+              {value == activeRadioOption ? (
                 <div className="radio-circle-box">
                   <CircleFill color="#1a76c7" size="20px" />
                 </div>
-                <div className="radio-name-box"> {`${name}`} </div>
-                <div className="radio-price-box">
-                  <div className="radio-price"> {`${price}`} </div>
-                </div>
-              </div>
-              <div className="radio-circle-lower">
-                <div className="radio-description-box">
-                  {description.map((item) => {
-                    return <p>{item}</p>;
-                  })}
-                </div>
-                <div className="radio-description-box">{`${details}`} </div>
-              </div>
-            </div>
-          </>
-        ) : (
-          <>
-            <div className="radio-circle-container">
-              <div className="radio-circle-top">
+              ) : (
                 <div className="radio-circle-box">
                   <Circle color="#1a76c7" size="20px" />
                 </div>
-                <div className="radio-name-box">{`${name}`} </div>
-                <div className="radio-price-box">
-                  <div className="radio-price"> {`${price}`} </div>
-                </div>
-              </div>
-              <div className="radio-circle-lower">
-                <div className="radio-description-box">
-                  {description.map((item) => {
-                    return <p>{item}</p>;
-                  })}
-                </div>
-                <div className="radio-description-box">{`${details}`} </div>
+              )}
+              <div className="radio-name-box"> {`${name}`} </div>
+              <div className="radio-price-box">
+                <div className="radio-price"> {`${price}`} </div>
               </div>
             </div>
-          </>
-        )}
+            <div className="radio-circle-lower">
+              <div className="radio-description-box">
+                {description.map((item) => {
+                  return <p>{item}</p>;
+                })}
+              </div>
+              <div className="radio-description-box">{`${details}`} </div>
+            </div>
+          </div>
+        </>
       </div>
     </div>
   );