Merge pull request #72 from aodn/feature/5651-align-ui-design

Feature/5651 align UI design
aodn · Jul 2, 2024 · d4ccbf1 · d4ccbf1
2 parents 5b68060 + 4bcd870
commit d4ccbf1
Show file tree

Hide file tree

Showing 7 changed files with 284 additions and 140 deletions.
diff --git a/src/components/map/mapbox/Map.tsx b/src/components/map/mapbox/Map.tsx
@@ -5,11 +5,11 @@ import "mapbox-gl/dist/mapbox-gl.css";
 import ERSIWorldImagery from "./styles/ESRIWorldImagery.json";
 
 interface MapProps {
-  centerLongitude: number;
-  centerLatitude: number;
-  zoom: number;
+  centerLongitude?: number;
+  centerLatitude?: number;
+  zoom?: number;
   panelId: string;
-  projection:
+  projection?:
     | "mercator"
     | "globe"
     | "albers"
@@ -56,10 +56,10 @@ const defaultStyle = 3;
 
 const ReactMap = ({
   panelId,
-  centerLongitude,
-  centerLatitude,
-  zoom,
-  projection,
+  centerLongitude = 147.3353554138993,
+  centerLatitude = -42.88611707886841,
+  zoom = 4,
+  projection = "equirectangular",
   onZoomEvent,
   onMoveEvent,
   children,
@@ -132,13 +132,6 @@ const ReactMap = ({
   );
 };
 
-ReactMap.defaultProps = {
-  centerLatitude: -42.88611707886841,
-  centerLongitude: 147.3353554138993,
-  zoom: 4,
-  projection: "equirectangular",
-};
-
 export default ReactMap;
 
 export { styles, defaultStyle };