more

src/pageElements/Radio.js

@@ -18,18 +18,22 @@ const Radio = (props) => {
   console.log("value, activeRadioOption", value, activeRadioOption);
   return (
     <div className="radio-container">
+      <div className="radio-option-container" key={name}>
+        <>
+          <div className="radio-circle-container">
             <div
-        className="radio-option-container"
+              className="radio-circle-top"
-        key={name}
               onClick={() => !disabled && onClick && onClick(value)}
             >
               {value == activeRadioOption ? (
-          <>
-            <div className="radio-circle-container">
-              <div className="radio-circle-top">
                 <div className="radio-circle-box">
                   <CircleFill color="#1a76c7" size="20px" />
                 </div>
+              ) : (
+                <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>
@@ -45,29 +49,6 @@ const Radio = (props) => {
             </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>
-            </div>
-          </>
-        )}
       </div>
     </div>
   );