feat: refactor global map and aside view for alerts

src/components/GlobalFooter/styles.module.css

@@ -18,7 +18,6 @@
                 display: flex;
                 flex-direction: column;
                 gap: var(--go-ui-spacing-sm);
-
                 .footer-link {
                     text-decoration: none;
                     color: var(--go-ui-color-white);
@@ -50,4 +49,4 @@
     @media print {
         display: none;
     }
-}
+}

src/utils/map.ts

@@ -17,7 +17,7 @@ export const defaultNavControlPosition: ControlPosition = 'top-right';
 
 export const defaultMapOptions: Omit<mapboxgl.MapboxOptions, 'style' | 'container'> = {
     logoPosition: 'bottom-left' as const,
-    zoom: 1.5,
+    zoom: 1,
     minZoom: 1,
     maxZoom: 18,
     scrollZoom: false,
@@ -26,7 +26,6 @@ export const defaultMapOptions: Omit<mapboxgl.MapboxOptions, 'style' | 'containe
     renderWorldCopies: true,
     attributionControl: false,
     preserveDrawingBuffer: true,
-    // interactive: false,
 };
 
 const DEFAULT_CIRCLE_SIZE = 'medium';

src/utils/selectors.ts

@@ -0,0 +1,41 @@
+export function booleanValueSelector(option: { value: boolean }) {
+    return option.value;
+}
+export function numericValueSelector(option: { value: number }) {
+    return option.value;
+}
+export function stringValueSelector(option: { value: string }) {
+    return option.value;
+}
+
+export function stringLabelSelector(option: { label: string }) {
+    return option.label;
+}
+
+export function numericIdSelector(option: { id: number }) {
+    return option.id;
+}
+
+export function stringIdSelector(option: { id: string }) {
+    return option.id;
+}
+
+export function stringNameSelector(option: { name: string }) {
+    return option.name;
+}
+
+export function stringTitleSelector(option: { title: string }) {
+    return option.title;
+}
+
+export function stringKeySelector(option: { key: string }) {
+    return option.key;
+}
+
+export function numericKeySelector(option: { key: number }) {
+    return option.key;
+}
+
+export function numericCountSelector(option: { count: number }) {
+    return option.count;
+}