|  |  | @ -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> | 
			
		
	
	
		
		
			
				
					|  |  | 
 |