added radio button | 30

src/views/DeliveryForm/Address/index.js

@@ -37,7 +37,14 @@ function Address({
           {loading && userAddressId !== address?.id ? (
             <Loading size={2} color="bg-gray-400" />
           ) : (
-            <Radio active={active} />
+            <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 ${
+                  active === true ? "bg-blueC0" : ""
+                }`}
+              ></div>
+            </div>
+            // <Radio active={active} />
           )}
           <div className="flex flex-col flex-1 mr-2">
             <li
@@ -82,18 +89,26 @@ function Address({
             : update({ userAddressId: address.id, userId })
         }
       >
-        <div className="flex flex-row flex-1">
+        <div className="flex flex-1 gap-x-4 ">
           {loading && userAddressId !== address?.id ? (
             <Loading size={2} color="bg-gray-400" />
           ) : (
-            <Radio active={active} />
+            <div className="">
+              <div className="w-4 h-4 flex flex-col items-center justify-center bg-gray-200 rounded-full">
+                <div
+                  className={`w-2 h-2 rounded-full ${
+                    active === true ? "bg-blueC0" : ""
+                  }`}
+                ></div>
+              </div>
+            </div>
+            // <Radio active={active} />
           )}
-          <div className="flex flex-col mr-2">
+          <div className="flex flex-col gap-y-2">
             <li className="text-right text-tiny leading-6 text-blue52 dark:text-white">
               آدرس:&nbsp;{address.address}
             </li>
-
-            <li className="text-right text-tiny leading-6 text-blue52 dark:text-white mt-3">
+            <li className="text-right text-tiny leading-6 text-blue52 dark:text-white">
               کد پستی:&nbsp;{address.postalCode}
             </li>
           </div>