added radio button | 30

temp
mahdi andalib 2 years ago
parent f56986cc25
commit 1465ee1c99
  1. 27
      src/views/DeliveryForm/Address/index.js

@ -37,7 +37,14 @@ function Address({
{loading && userAddressId !== address?.id ? ( {loading && userAddressId !== address?.id ? (
<Loading size={2} color="bg-gray-400" /> <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"> <div className="flex flex-col flex-1 mr-2">
<li <li
@ -82,18 +89,26 @@ function Address({
: update({ userAddressId: address.id, userId }) : 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 && userAddressId !== address?.id ? (
<Loading size={2} color="bg-gray-400" /> <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"> <li className="text-right text-tiny leading-6 text-blue52 dark:text-white">
آدرس:&nbsp;{address.address} آدرس:&nbsp;{address.address}
</li> </li>
<li className="text-right text-tiny leading-6 text-blue52 dark:text-white">
<li className="text-right text-tiny leading-6 text-blue52 dark:text-white mt-3">
کد پستی:&nbsp;{address.postalCode} کد پستی:&nbsp;{address.postalCode}
</li> </li>
</div> </div>

Loading…
Cancel
Save