update src/components/Radio/index.js and src/views/Address/index.js

src/components/Radio/index.js

@@ -9,7 +9,7 @@ export default function Radio(props) {
         name={props.name}
         type="radio"
         className="accent-pink-500"
-        checked={props.active}
+        // checked={props.active}
         onChange={() => {}}
       />
       <label htmlFor="radio-1" className="radio-label text-xs">

src/views/Address/index.js

@@ -349,11 +349,14 @@ export const Address = ({
         }`}
       >
         <div
-          className="flex flex-row items-center mb-7"
+          className={`flex flex-row items-center mb-7 cursor-pointer ${
-          onClick={() => setActiveCheckbox(true)}
+            activeCheckbox ? "bg-red-400" : "bg-blue-400"
+          }`}
+          onClick={() => {
+            setActiveCheckbox(!activeCheckbox);
+          }}
         >
-          <Radio />
+          <span className="font-bold">{activeCheckbox ? "mahdi" : "iran"}</span>
-          <span className="font-bold">برای خودم</span>
         </div>
 
         {