diff options
Diffstat (limited to 'src/lib/address')
| -rw-r--r-- | src/lib/address/components/CreateAddress.jsx | 18 | ||||
| -rw-r--r-- | src/lib/address/components/EditAddress.jsx | 21 |
2 files changed, 26 insertions, 13 deletions
diff --git a/src/lib/address/components/CreateAddress.jsx b/src/lib/address/components/CreateAddress.jsx index fbb01fcc..35c966c7 100644 --- a/src/lib/address/components/CreateAddress.jsx +++ b/src/lib/address/components/CreateAddress.jsx @@ -212,7 +212,7 @@ const CreateAddress = () => { <> <BottomPopup className=' !h-[75%]' - title='Pin Maps Address' + title='Pin Koordinat Address' active={pinedMaps} close={() => setPinedMaps(false)} > @@ -227,16 +227,20 @@ const CreateAddress = () => { <div className='w-full md:w-9/12 p-4 bg-white border border-gray_r-6 rounded'> <form onSubmit={handleSubmit(onSubmitHandler)}> <div className='mb-4 items-start'> - <label className='form-label mb-2'>PinPoint</label> + <label className='form-label mb-2'>Koordinat Alamat</label> {addressMaps ? ( - <div className='flex gap-x-2 items-center'> - <MapPinIcon class='h-6 w-6 text-gray-500 mr-3 cursor-pointer' onClick={() => setPinedMaps(true)} />{' '} + <div className='flex items-center'> + <button type='button' className="flex items-center justify-center me-3 p-2 bg-red-500 text-white rounded-full hover:bg-red-600 transition"> + <MapPinIcon class='h-6 w-6' onClick={() => setPinedMaps(true)} />{' '} + </button> <span> {addressMaps} </span> </div> ) : ( - <Button variant='plain' onClick={() => setPinedMaps(true)}> - <MapPinIcon class='h-6 w-6 text-gray-500 mr-3' /> - Pin Alamat + <Button variant='plain' style={{ padding: 0 }} onClick={() => setPinedMaps(true)}> + <button type='button' className="flex items-center justify-center me-3 p-2 bg-red-500 text-white rounded-full hover:bg-red-600 transition"> + <MapPinIcon className="h-6 w-6" /> + </button> + Pin Koordinat Alamat </Button> )} </div> diff --git a/src/lib/address/components/EditAddress.jsx b/src/lib/address/components/EditAddress.jsx index cfb35fbd..743bb4c8 100644 --- a/src/lib/address/components/EditAddress.jsx +++ b/src/lib/address/components/EditAddress.jsx @@ -311,7 +311,12 @@ const EditAddress = ({ id, defaultValues }) => { close={() => setPinedMaps(false)} > <div className='flex mt-4'> - <PinPointMap /> + <PinPointMap + initialLatitude={selectedPosition?.lat} + initialLongitude={selectedPosition?.lng} + initialAddress={tempAddress} + /> + </div> </BottomPopup> <div className='max-w-none md:container mx-auto flex p-0 md:py-10'> @@ -327,16 +332,20 @@ const EditAddress = ({ id, defaultValues }) => { </div> <form onSubmit={handleSubmit(onSubmitHandler)}> <div className='mb-4 items-start'> - <label className='form-label mb-2'>PinPoint</label> + <label className='form-label mb-2'>Koordinat Alamat</label> {tempAddress ? ( <div className='flex gap-x-2 items-center'> - <MapPinIcon class='h-6 w-6 text-gray-500 mr-3 cursor-pointer' onClick={() => setPinedMaps(true)} />{' '} + <button type='button' className="flex items-center justify-center me-3 p-2 bg-red-500 text-white rounded-full hover:bg-red-600 transition"> + <MapPinIcon class='h-6 w-6' onClick={() => setPinedMaps(true)} />{' '} + </button> <span> {tempAddress} </span> </div> ) : ( - <Button variant='plain' onClick={() => setPinedMaps(true)}> - <MapPinIcon class='h-6 w-6 text-gray-500 mr-3' /> - Pin Alamat + <Button variant='plain' style={{ padding: 0 }} onClick={() => setPinedMaps(true)}> + <button type='button' className="flex items-center justify-center me-3 p-2 bg-red-500 text-white rounded-full hover:bg-red-600 transition"> + <MapPinIcon className="h-6 w-6" /> + </button> + Pin Koordinat Alamat </Button> )} </div> |