|
|
@ -64,14 +64,14 @@ function Address({ |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
> |
|
|
|
> |
|
|
|
<button class="text-sm">حذف</button> |
|
|
|
<button class="text-sm">{window.t("حذف")}</button> |
|
|
|
<img src={trash} alt="delete-address" className="w-5 mr-3" /> |
|
|
|
<img src={trash} alt="delete-address" className="w-5 mr-3" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div |
|
|
|
style={{ border: "solid 1px #12CF7F" }} |
|
|
|
style={{ border: "solid 1px #12CF7F" }} |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
> |
|
|
|
> |
|
|
|
<button class="text-sm">ویرایش</button> |
|
|
|
<button class="text-sm">{window.t("ویرایش")}</button> |
|
|
|
<img src={editButton} alt="edit-address" className="w-5 mr-3 " /> |
|
|
|
<img src={editButton} alt="edit-address" className="w-5 mr-3 " /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -106,19 +106,23 @@ function Address({ |
|
|
|
)} |
|
|
|
)} |
|
|
|
<div className="flex flex-col gap-y-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"> |
|
|
|
آدرس: {address.address} |
|
|
|
{window.t(" آدرس:")} |
|
|
|
|
|
|
|
{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"> |
|
|
|
کد پستی: {address.postalCode} |
|
|
|
{window.t("کد پستی:")} |
|
|
|
|
|
|
|
{address.postalCode} |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className="flex flex-col"> |
|
|
|
<div className="flex flex-col"> |
|
|
|
<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"> |
|
|
|
نام تحویل گیرنده: {address.firstName + " " + address.lastName} |
|
|
|
{window.t("نام تحویل گیرنده:")} |
|
|
|
|
|
|
|
{address.firstName + " " + address.lastName} |
|
|
|
</li> |
|
|
|
</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 mt-3"> |
|
|
|
شماره تماس: {address.cellphone} |
|
|
|
{window.t("شماره تماس:")} |
|
|
|
|
|
|
|
{address.cellphone} |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className="flex flex-col items-center gap-y-2"> |
|
|
|
<div className="flex flex-col items-center gap-y-2"> |
|
|
@ -126,14 +130,14 @@ function Address({ |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
> |
|
|
|
> |
|
|
|
<button class="text-sm">حذف</button> |
|
|
|
<button class="text-sm">{window.t("حذف")}</button> |
|
|
|
<img src={trash} alt="delete-address" className="w-5 mr-3" /> |
|
|
|
<img src={trash} alt="delete-address" className="w-5 mr-3" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div |
|
|
|
style={{ border: "solid 1px #12CF7F" }} |
|
|
|
style={{ border: "solid 1px #12CF7F" }} |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
> |
|
|
|
> |
|
|
|
<button class="text-sm">ویرایش</button> |
|
|
|
<button class="text-sm">{window.t("ویرایش")}</button> |
|
|
|
<img src={editButton} alt="edit-address" className="w-5 mr-3 " /> |
|
|
|
<img src={editButton} alt="edit-address" className="w-5 mr-3 " /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -148,7 +152,7 @@ function Address({ |
|
|
|
return isMobile ? ( |
|
|
|
return isMobile ? ( |
|
|
|
<section className="mt-2 w-full"> |
|
|
|
<section className="mt-2 w-full"> |
|
|
|
<strong className="font-bold text-green7B dark:text-white lg:text-tiny"> |
|
|
|
<strong className="font-bold text-green7B dark:text-white lg:text-tiny"> |
|
|
|
انتخاب آدرس |
|
|
|
{window.t("انتخاب آدرس")} |
|
|
|
</strong> |
|
|
|
</strong> |
|
|
|
<ul className="list-none p-0 m-0 flex flex-col gap-y-3"> |
|
|
|
<ul className="list-none p-0 m-0 flex flex-col gap-y-3"> |
|
|
|
{addresses.map((address, index) => ( |
|
|
|
{addresses.map((address, index) => ( |
|
|
@ -169,14 +173,17 @@ function Address({ |
|
|
|
border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, |
|
|
|
border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, |
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
یک آدرس جدید اضافه کنید |
|
|
|
|
|
|
|
|
|
|
|
{window.t("یک آدرس جدید اضافه کنید")} |
|
|
|
<strong className="text-lg transform translate-y-0.5 mr-1">+</strong> |
|
|
|
<strong className="text-lg transform translate-y-0.5 mr-1">+</strong> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</section> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
|
<section className="mt-0.5 w-full"> |
|
|
|
<section className="mt-0.5 w-full"> |
|
|
|
<strong className="font-medium dark:text-white">انتخاب آدرس</strong> |
|
|
|
<strong className="font-medium dark:text-white"> |
|
|
|
|
|
|
|
{window.t("انتخاب آدرس")} |
|
|
|
|
|
|
|
</strong> |
|
|
|
<ul className="list-none p-0 m-0 flex flex-col gap-y-2"> |
|
|
|
<ul className="list-none p-0 m-0 flex flex-col gap-y-2"> |
|
|
|
{addresses.map((address, index) => ( |
|
|
|
{addresses.map((address, index) => ( |
|
|
|
<Location |
|
|
|
<Location |
|
|
@ -196,7 +203,8 @@ function Address({ |
|
|
|
border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, |
|
|
|
border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, |
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
یک آدرس جدید اضافه کنید |
|
|
|
|
|
|
|
|
|
|
|
{window.t("یک آدرس جدید اضافه کنید")} |
|
|
|
<strong className="text-lg transform translate-y-0.5 mr-1">+</strong> |
|
|
|
<strong className="text-lg transform translate-y-0.5 mr-1">+</strong> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|