From e0e0729ee57d2f9b1188a0604e3cc4a51317b0ed Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 12 Jun 2025 11:00:00 +0700
Subject: <hafid> fix pinpoint

---
 src/lib/address/components/CreateAddress.jsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

(limited to 'src/lib/address/components/CreateAddress.jsx')

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>
-- 
cgit v1.2.3

