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 (
Back to Home
-