|  |  | @ -7,11 +7,11 @@ import { | 
			
		
	
		
		
			
				
					
					|  |  |  |   menu, |  |  |  |   menu, | 
			
		
	
		
		
			
				
					
					|  |  |  | } from "../../../../../redux/actions"; |  |  |  | } from "../../../../../redux/actions"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | import Loading from "../../../../../components/Loading"; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  | //components
 |  |  |  | //components
 | 
			
		
	
		
		
			
				
					
					|  |  |  | import Button from "../../../../../components/Button"; |  |  |  | import Button from "../../../../../components/Button"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  | import { Link, useNavigate } from "react-router-dom"; |  |  |  | import { Link, useNavigate } from "react-router-dom"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  | import editButton from "../../../../../assets/icons/edit.svg"; |  |  |  | import editButton from "../../../../../assets/icons/edit.svg"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import trash from "../../../../../assets/icons/trash.svg"; |  |  |  | import trash from "../../../../../assets/icons/trash.svg"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
	
		
		
			
				
					|  |  | @ -81,6 +81,8 @@ const Location = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |   setMenu, |  |  |  |   setMenu, | 
			
		
	
		
		
			
				
					
					|  |  |  |   setDialog, |  |  |  |   setDialog, | 
			
		
	
		
		
			
				
					
					|  |  |  |   deleteAddress, |  |  |  |   deleteAddress, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   userAddressId, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   loading, | 
			
		
	
		
		
			
				
					
					|  |  |  | }) => { |  |  |  | }) => { | 
			
		
	
		
		
			
				
					
					|  |  |  |   const [locationMenu, setLocationMenu] = React.useState(false); |  |  |  |   const [locationMenu, setLocationMenu] = React.useState(false); | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
	
		
		
			
				
					|  |  | @ -123,6 +125,9 @@ const Location = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |     > |  |  |  |     > | 
			
		
	
		
		
			
				
					
					|  |  |  |       <div className="w-full flex items-center justify-between"> |  |  |  |       <div className="w-full flex items-center justify-between"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         {loading && userAddressId !== address?.id ? ( | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           <Loading size={2} color="bg-red-400" /> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         ) : ( | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full"> |  |  |  |           <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full"> | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div |  |  |  |             <div | 
			
		
	
		
		
			
				
					
					|  |  |  |               className={`w-2 h-2 rounded-full ${ |  |  |  |               className={`w-2 h-2 rounded-full ${ | 
			
		
	
	
		
		
			
				
					|  |  | @ -130,6 +135,7 @@ const Location = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |               }`}
 |  |  |  |               }`}
 | 
			
		
	
		
		
			
				
					
					|  |  |  |             ></div> |  |  |  |             ></div> | 
			
		
	
		
		
			
				
					
					|  |  |  |           </div> |  |  |  |           </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         )} | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="flex flex-col flex-1 mr-2"> |  |  |  |         <div className="flex flex-col flex-1 mr-2"> | 
			
		
	
		
		
			
				
					
					|  |  |  |           {active && ( |  |  |  |           {active && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div className="w-full flex justify-between mb-3"> |  |  |  |             <div className="w-full flex justify-between mb-3"> | 
			
		
	
	
		
		
			
				
					|  |  | @ -192,6 +198,7 @@ const mapStateToProps = (state) => ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |   addresses: state.userAddress.list, |  |  |  |   addresses: state.userAddress.list, | 
			
		
	
		
		
			
				
					
					|  |  |  |   isMobile: state.publicApi.isMobile, |  |  |  |   isMobile: state.publicApi.isMobile, | 
			
		
	
		
		
			
				
					
					|  |  |  |   isDark: state.publicApi.isDark, |  |  |  |   isDark: state.publicApi.isDark, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   loading: state.userFactor.loading, | 
			
		
	
		
		
			
				
					
					|  |  |  | }); |  |  |  | }); | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  | const mapDispatchToProps = { |  |  |  | const mapDispatchToProps = { | 
			
		
	
	
		
		
			
				
					|  |  | 
 |