fixup! front: update btn map in scenario page

OpenRailAssociation · Dec 3, 2024 · 211da1d · 211da1d
1 parent d81de37
commit 211da1d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/front/src/common/Map/Buttons/MapButton.tsx b/front/src/common/Map/Buttons/MapButton.tsx
@@ -6,7 +6,7 @@ import Tipped from 'common/Tipped';
 
 type MapButtonProps = {
   onClick: () => void;
-  isNewButtons: boolean;
+  isNewButton: boolean;
   icon: ReactNode;
   tooltipKey: string;
   extraClasses?: string;
@@ -15,7 +15,7 @@ type MapButtonProps = {
 
 const MapButton = ({
   onClick,
-  isNewButtons,
+  isNewButton,
   icon,
   tooltipKey,
   extraClasses = '',
@@ -27,7 +27,7 @@ const MapButton = ({
     <Tipped mode="left">
       <button
         type="button"
-        className={`${isNewButtons ? 'new-btn-map' : 'btn-rounded btn-rounded-white'} ${extraClasses}`}
+        className={`${isNewButton ? 'new-btn-map' : 'btn-rounded btn-rounded-white'} ${extraClasses}`}
         onClick={onClick}
         data-testid={dataTestId}
       >

diff --git a/front/src/common/Map/Buttons/MapButtons.tsx b/front/src/common/Map/Buttons/MapButtons.tsx
@@ -163,19 +163,19 @@ export default function MapButtons({
       >
         <MapButton
           onClick={zoomIn}
-          isNewButtons={isNewButtons}
+          isNewButton={isNewButtons}
           icon={<ZoomIn />}
           tooltipKey="common.zoom-in"
         />
         <MapButton
           onClick={zoomOut}
-          isNewButtons={isNewButtons}
+          isNewButton={isNewButtons}
           icon={<ZoomOut />}
           tooltipKey="common.zoom-out"
         />
         <MapButton
           onClick={resetPitchBearing}
-          isNewButtons={isNewButtons}
+          isNewButton={isNewButtons}
           icon={
             <>
               <span className="compass-needle" style={rotationStyle}>
@@ -191,20 +191,20 @@ export default function MapButtons({
         />
         <MapButton
           onClick={() => toggleMapModal('SEARCH')}
-          isNewButtons={isNewButtons}
+          isNewButton={isNewButtons}
           icon={<Search />}
           tooltipKey="common.search"
         />
         <MapButton
           onClick={openMapSettingsModal}
-          isNewButtons={isNewButtons}
+          isNewButton={isNewButtons}
           icon={<Sliders />}
           tooltipKey="Editor.nav.toggle-layers"
         />
         {withMapKeyButton && (
           <MapButton
             onClick={() => toggleMapModal('KEY')}
-            isNewButtons={isNewButtons}
+            isNewButton={isNewButtons}
             icon={<Info />}
             tooltipKey="common.help-legend"
           />

diff --git a/front/src/styles/scss/common/map/_map.scss b/front/src/styles/scss/common/map/_map.scss
@@ -56,15 +56,15 @@
       height: 16px;
     }
   }
-}
 
-.new-btn-map-resetviewport {
-  .compass-needle,
-  .compass-cardinal {
-    position: absolute;
-    top: 16px;
-    left: 18px;
-    transform: translate(-40%, 0);
+  .new-btn-map-resetviewport {
+    .compass-needle,
+    .compass-cardinal {
+      position: absolute;
+      top: 16px;
+      left: 18px;
+      transform: translate(-40%, 0);
+    }
   }
 }