diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2025-06-12 11:00:00 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2025-06-12 11:00:00 +0700 |
| commit | e0e0729ee57d2f9b1188a0604e3cc4a51317b0ed (patch) | |
| tree | a3e1e0af99f0f918d61141d7220fa3408ce303a0 /src/lib/address/components/CreateAddress.jsx | |
| parent | 337e7a189efacbe696f4512130278952977b2da2 (diff) | |
<hafid> fix pinpoint
Diffstat (limited to 'src/lib/address/components/CreateAddress.jsx')
| -rw-r--r-- | src/lib/address/components/CreateAddress.jsx | 18 |
1 files changed, 11 insertions, 7 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> |