done

src/views/Address/index.js

@@ -155,7 +155,9 @@ export const Address = ({
     };
     setProfile(data);
   };
+
   const [activeCheckbox, setActiveCheckbox] = useState(true);
+
   const submit = () => {
     const {
       firstName,
@@ -356,27 +358,47 @@ export const Address = ({
         }`}
       >
         {!profilePage && (
-          <div
+          <>
-            className={`flex flex-row items-center mb-7 cursor-pointer 
+            <div className="flex item-center gap-x-4">
+              {/* my self */}
+              <div
+                className={`flex flex-row items-center mb-7 cursor-pointer 
 `}
-            onClick={() => {
+                onClick={() => {
-              setActiveCheckbox(!activeCheckbox);
+                  setActiveCheckbox(false);
-            }}
+                }}
-          >
+              >
-            <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full">
+                <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full">
-              <div className="w-2 h-2 bg-blueC0 rounded-full"></div>
+                  <div
+                    className={`w-2 h-2 rounded-full ${
+                      activeCheckbox === false ? "bg-blueC0" : ""
+                    }`}
+                  ></div>
+                </div>
+                <p className="font-bold text-sm ">برای خودم</p>
+              </div>
+              {/* someone else */}
+              <div
+                className={`flex flex-row items-center mb-7 cursor-pointer 
+`}
+                onClick={() => {
+                  setActiveCheckbox(true);
+                }}
+                // onClick={() => {
+                //   setActiveCheckbox(!activeCheckbox);
+                // }}
+              >
+                <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full">
+                  <div
+                    className={`w-2 h-2 rounded-full ${
+                      activeCheckbox === !false ? "bg-blueC0" : ""
+                    }`}
+                  ></div>{" "}
+                </div>
+                <p className="font-bold text-sm ">گیرنده فرد دیگری است</p>
+              </div>
             </div>
-            <p className="font-bold text-sm ">
+          </>
-              {activeCheckbox === false
-                ? " گیرنده فرد دیگری است "
-                : " برای خودم   "}
-              <span className="text-xs font-light">
-                {activeCheckbox
-                  ? "(در صورتی که فرد گیرنده شما نیستید اینجا کلیک  کنید)"
-                  : "(در صورتی که فرد گیرنده خودتون هستید اینجا کلیک  کنید)"}
-              </span>
-            </p>
-          </div>
         )}
 
         {profilePage || activeCheckbox === false ? (