Misc PR adjustments; resolve alignments.

Author: swoocn

src/components/shared/map/MapCenter.tsx

@@ -32,13 +32,10 @@ const crosshairIcon = new L.Icon({
   iconAnchor: [60, 60],
 });
 
-
 interface MapCenterProps {
   entryType: 'search' | 'sell';
 }
 
-const isSigningInUser = false; // Temporary placeholders for handling errors 
-
 const MapCenter = ({ entryType }: MapCenterProps) => {
   const t = useTranslations();
   const [showPopup, setShowPopup] = useState(false);
@@ -49,6 +46,8 @@ const MapCenter = ({ entryType }: MapCenterProps) => {
   const { currentUser, autoLoginUser } = useContext(AppContext);
   const mapRef = useRef<L.Map | null>(null);
 
+  const isSigningInUser = false;
+
   useEffect(() => {
     if (!currentUser) {
       logger.info("User not logged in; attempting auto-login..");
@@ -184,49 +183,49 @@ const MapCenter = ({ entryType }: MapCenterProps) => {
         <RecenterAutomatically position={center} />
       </MapContainer>
 
-    <div className="absolute bottom-8 z-10 flex justify-start px-6 right-0 left-0 m-auto pointer-events-none">
-      {/* Add Set Map Center Button */}
-      <div className="pointer-events-auto">
-        <Button
-          label={entryType === 'sell'
-            ? t('SCREEN.SELLER_REGISTRATION.SELLER_SELL_CENTER')
-            : t('SHARED.SEARCH_CENTER')}
-          onClick={setMapCenter}
-          styles={{
-            color: '#ffc153',
-            height: '50px',
-            padding: '20px',
-            fontSize: '22px',
-          }}
-        />
+      <div className="absolute bottom-8 z-10 flex justify-start px-6 right-0 left-0 m-auto pointer-events-none">
+        {/* Add Set Map Center Button */}
+        <div className="pointer-events-auto">
+          <Button
+            label={entryType === 'sell'
+              ? t('SCREEN.SELLER_REGISTRATION.SELLER_SELL_CENTER')
+              : t('SHARED.SEARCH_CENTER')}
+            onClick={setMapCenter}
+            styles={{
+              color: '#ffc153',
+              height: '50px',
+              padding: '20px',
+              fontSize: '22px',
+            }}
+          />
+        </div>
       </div>
-    </div>
-    <div className="absolute bottom-8 z-10 flex justify-end px-6 right-0 left-0 m-auto pointer-events-none">
-    {/* Find Me Button */}
-    <div className="pointer-events-auto">
-      <Button
-        icon={
-          <Image
-            src="/images/shared/my_location.png"
-            width={40}
-            height={40}
-            alt="my location"
+      <div className="absolute bottom-8 z-10 flex justify-end px-6 right-0 left-0 m-auto pointer-events-none">
+        {/* Find Me Button */}
+        <div className="pointer-events-auto">
+          <Button
+            icon={
+              <Image
+                src="/images/shared/my_location.png"
+                width={40}
+                height={40}
+                alt="my location"
+              />
+            }
+            styles={{
+              borderRadius: '50%',
+              width: '55px',
+              height: '55px',
+              padding: '0px',
+            }}
+            onClick={handleLocationButtonClick}
+            disabled={isSigningInUser}
           />
-        }
-        styles={{
-          borderRadius: '50%',
-          width: '55px',
-          height: '55px',
-          padding: '0px',
-        }}
-        onClick={handleLocationButtonClick}
-        disabled={isSigningInUser}
-      />
-    </div>
-    </div>
-    {/* Static Scope - should always be centered */}
-    <div className="absolute z-10 pointer-events-none top-[54.2%] left-[49.4%] transform -translate-x-1/2 -translate-y-1/2 w-20 h-20 sm:w-16 sm:h-16">
-    <img
+        </div>
+      </div>
+      {/* Static Scope - should always be centered */}
+      <div className="absolute z-10 pointer-events-none top-[54.2%] left-[49.4%] transform -translate-x-1/2 -translate-y-1/2 w-20 h-20 sm:w-16 sm:h-16">
+        <img
           src="/images/icons/scope.png"
           alt="Scope"
           className="w-full h-full"
@@ -235,22 +234,21 @@ const MapCenter = ({ entryType }: MapCenterProps) => {
             height: '65px'
           }}
         />
-    </div>
-
-        {showPopup && (
-          <ConfirmDialogX
-            toggle={() => setShowPopup(false)}
-            handleClicked={handleClickDialog}
-            // Dynamically set the message based on entryType
-            message={
-              entryType === 'sell'
-                ? t('SHARED.MAP_CENTER.VALIDATION.SELL_CENTER_SUCCESS_MESSAGE')
-                : t('SHARED.MAP_CENTER.VALIDATION.SEARCH_CENTER_SUCCESS_MESSAGE')
-            }
-          />
-        )}
       </div>
-    );
-  };
+      {showPopup && (
+        <ConfirmDialogX
+          toggle={() => setShowPopup(false)}
+          handleClicked={handleClickDialog}
+          // Dynamically set the message based on entryType
+          message={
+            entryType === 'sell'
+              ? t('SHARED.MAP_CENTER.VALIDATION.SELL_CENTER_SUCCESS_MESSAGE')
+              : t('SHARED.MAP_CENTER.VALIDATION.SEARCH_CENTER_SUCCESS_MESSAGE')
+          }
+        />
+      )}
+    </div>
+  );
+};
 
 export default MapCenter;