kari kardam ke karbar entekhab kone ke mikhad baraye khodesh ersal shavad ya baaraye yek nafare dige | 120

src/views/Address/index.js

@@ -349,25 +349,35 @@ export const Address = ({
         }`}
       >
         <div
-          className={`flex flex-row items-center mb-7 cursor-pointer ${
+          className={`flex flex-row items-center mb-7 cursor-pointer 
-            activeCheckbox ? "bg-red-400" : "bg-blue-400"
+          `}
-          }`}
           onClick={() => {
             setActiveCheckbox(!activeCheckbox);
           }}
         >
-          <span className="font-bold">{activeCheckbox ? "mahdi" : "iran"}</span>
+          <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>
-
+          <p className="font-bold text-sm ">
-        {
+            {activeCheckbox === false
-          activeCheckbox === true ? (
+              ? " گیرنده فرد دیگری است "
+              : " برای خودم   "}
+            <span className="text-xs font-light">
+              {activeCheckbox
+                ? "(در صورتی که فرد گیرنده شما نیستید اینجا کلیک  کنید)"
+                : "(در صورتی که فرد گیرنده خودتون هستید اینجا کلیک  کنید)"}
+            </span>
+          </p>
+        </div>
+        {console.log(activeCheckbox)}
+        {activeCheckbox === false ? (
           <>
             <Header
               title="اطلاعات هویتی"
               text="( لطفا نام و نام خانوادگی خود را به طور کامل وارد نمایید )"
             />
 
-              <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full">
+            <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full mb-4">
               <Input
                 width={isMobile ? "100%" : "50%"}
                 label={"نام"}
@@ -413,7 +423,7 @@ export const Address = ({
             به همراه پیش شماره وارد کنید )"
             />
 
-              <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full">
+            <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full  mb-4">
               <Input
                 width={isMobile ? "100%" : "50%"}
                 label={"شماره موبایل"}
@@ -454,56 +464,7 @@ export const Address = ({
               />
             </div>
           </>
-          ) : (
+        ) : null}
-            <p>mahdi mahdi mahdi</p>
-          )
-          // <p>mahdi</p> : <p>mahdiiii</p>
-        }
-
-        {/* <Header
-          title="اطلاعات هویتی"
-          text="( لطفا نام و نام خانوادگی خود را به طور کامل وارد نمایید )"
-        /> */}
-
-        {/* <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full">
-          <Input
-            width={isMobile ? "100%" : "50%"}
-            label={"نام"}
-            regex={(val) => val}
-            name="firstName"
-            onChange={(name, value) =>
-              profilePage
-                ? setProfileFields({ ...profileFields, firstName: value })
-                : onChange(name, value)
-            }
-            value={
-              profilePage
-                ? profileFields.firstName || user.firstName
-                : addressFields?.firstName
-            }
-            align="text-right"
-            direction="rtl"
-          />
-
-          <Input
-            width={isMobile ? "100%" : "50%"}
-            label={"نام خانوادگی"}
-            regex={(val) => val}
-            name="lastName"
-            onChange={(name, value) =>
-              profilePage
-                ? setProfileFields({ ...profileFields, lastName: value })
-                : onChange(name, value)
-            }
-            value={
-              profilePage
-                ? profileFields.lastName || user.lastName
-                : addressFields?.lastName
-            }
-            align="text-right"
-            direction="rtl"
-          />
-        </div> */}
 
         {profilePage && (
           <Input
@@ -520,66 +481,9 @@ export const Address = ({
           />
         )}
 
-        {!isMobile && (
+        {!isMobile && <></>}
-          <>
-            <br />
-            <br />
-          </>
-        )}
-
-        {/* <Header
-          title="شماره تماس"
-          text="( شماره موبایل و شماره تلفن ثابت خود را 
-            به همراه پیش شماره وارد کنید )"
-        />
-
-        <div className="flex flex-col lg:flex-row items-center lg:gap-5 w-full">
-          <Input
-            width={isMobile ? "100%" : "50%"}
-            label={"شماره موبایل"}
-            regex={(val) => onInput.phonenumber(val)}
-            name="cellphone"
-            value={
-              profilePage
-                ? profileFields.cellphone || user.cellphone
-                : addressFields?.cellphone
-            }
-            onChange={(name, value) =>
-              profilePage
-                ? setProfileFields({ ...profileFields, cellphone: value })
-                : onChange(name, value)
-            }
-            align="text-right"
-            direction="ltr"
-            maxLength={11}
-          />
-          <Input
-            width={isMobile ? "100%" : "50%"}
-            label={"شماره تلفن"}
-            regex={(val) => onInput.numberOnly(val)}
-            name="phone"
-            value={
-              profilePage
-                ? profileFields.phone || user.phone
-                : addressFields?.phone
-            }
-            onChange={(name, value) =>
-              profilePage
-                ? setProfileFields({ ...profileFields, phone: value })
-                : onChange(name, value)
-            }
-            align="text-right"
-            direction="ltr"
-            maxLength={11}
-          />
-        </div> */}
 
-        {!isMobile && (
+        {!isMobile && <></>}
-          <>
-            <br />
-            <br />
-          </>
-        )}
 
         <Header
           title="آدرس"
@@ -587,7 +491,7 @@ export const Address = ({
             خود را با دقت تکمیل نمایید )"
         />
 
-        <div className="flex flex-col lg:flex-row items-center gap-3 lg:gap-5 w-full mt-3">
+        <div className="flex flex-col lg:flex-row items-center gap-3 lg:gap-5 w-full">
           {console.log(city)}
           <Select
             options={province}
@@ -651,8 +555,6 @@ export const Address = ({
           )}
         </div>
 
-        <br />
-
         <Input
           width={isMobile ? "100%" : "50%"}
           label={"کد پستی"}