diff --git a/admin/inertia/components/maps/MapComponent.tsx b/admin/inertia/components/maps/MapComponent.tsx index fab4464..bb00883 100644 --- a/admin/inertia/components/maps/MapComponent.tsx +++ b/admin/inertia/components/maps/MapComponent.tsx @@ -19,7 +19,7 @@ import MarkerPanel from './MarkerPanel' import CoordinateOverlay from './CoordinateOverlay' import ViewMapMarkerPopup from './ViewMapMarkerPopup' import MapMarkerFormPopup from './MapMarkerFormPopup' -import ScaleUnitToggle from './ScaleUnitToggle' +import ScaleUnitToggle from './ScaleUnitSelector' type ScaleUnit = 'imperial' | 'metric' diff --git a/admin/inertia/components/maps/ScaleUnitToggle.tsx b/admin/inertia/components/maps/ScaleUnitSelector.tsx similarity index 56% rename from admin/inertia/components/maps/ScaleUnitToggle.tsx rename to admin/inertia/components/maps/ScaleUnitSelector.tsx index de6103b..c1ec49d 100644 --- a/admin/inertia/components/maps/ScaleUnitToggle.tsx +++ b/admin/inertia/components/maps/ScaleUnitSelector.tsx @@ -1,16 +1,22 @@ type ScaleUnit = 'imperial' | 'metric' -type ScaleUnitToggleProps = { +type ScaleUnitSelectorProps = { scaleUnit: ScaleUnit onChange: (unit: ScaleUnit) => void onMouseEnter?: () => void } -export default function ScaleUnitToggle({ - scaleUnit, - onChange, - onMouseEnter, - }: ScaleUnitToggleProps) { +export default function ScaleUnitSelector({ + scaleUnit, + onChange, + onMouseEnter, + }: ScaleUnitSelectorProps) { + const getButtonStyle = (unit: ScaleUnit) => ({ + background: scaleUnit === unit ? '#424420' : 'white', + color: scaleUnit === unit ? 'white' : '#666', + cursor: 'pointer', + }) + return (
@@ -20,11 +26,7 @@ export default function ScaleUnitToggle({ if (scaleUnit !== 'metric') onChange('metric') }} className="border-0 px-2 py-1" - style={{ - background: scaleUnit === 'metric' ? '#424420' : 'white', - color: scaleUnit === 'metric' ? 'white' : '#666', - cursor: 'pointer', - }} + style={getButtonStyle('metric')} > Metric @@ -35,11 +37,7 @@ export default function ScaleUnitToggle({ if (scaleUnit !== 'imperial') onChange('imperial') }} className="border-0 px-2 py-1" - style={{ - background: scaleUnit === 'imperial' ? '#424420' : 'white', - color: scaleUnit === 'imperial' ? 'white' : '#666', - cursor: 'pointer', - }} + style={getButtonStyle('imperial')} > Imperial diff --git a/admin/inertia/pages/maps.tsx b/admin/inertia/pages/maps.tsx index eb4f4d9..faf5f1e 100644 --- a/admin/inertia/pages/maps.tsx +++ b/admin/inertia/pages/maps.tsx @@ -19,7 +19,6 @@ export default function Maps(props: { maps: { baseAssetsExist: boolean; regionFiles: FileEntry[] } }) { const [isHoveringUI, setIsHoveringUI] = useState(false) - const [showMapCoordinates, setShowMapCoordinates] = useState(true) const [coordinateSearch, setCoordinateSearch] = useState('') const [mapCommand, setMapCommand] = useState(null) @@ -77,22 +76,6 @@ export default function Maps(props: {

Back to Home

-
- - - - - Manage Map Regions - - -
-