kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-26 19:23:58 -06:00
parent 4396275d8e
commit d6b8e97fc2
1 changed files with 23 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pageElements/Radio.js
View File

@@ -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"
key={name}
className="radio-circle-top"
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>
);