Re-review: Alternative area display

src/app/map/[id]/atoms/mapStateAtoms.ts

@@ -1,11 +1,15 @@
 import { atom } from "jotai";
 import { DEFAULT_ZOOM } from "@/constants";
+import type MapboxDraw from "@mapbox/mapbox-gl-draw";
 import type { MapRef } from "react-map-gl/mapbox";
 
 export const mapIdAtom = atom<string | null>(null);
 export const mapRefAtom = atom<{ current: MapRef | null }>({ current: null });
+export const drawAtom = atom<MapboxDraw | null>(null);
 export const viewIdAtom = atom<string | null>(null);
 export const dirtyViewIdsAtom = atom<string[]>([]);
 export const zoomAtom = atom<number>(DEFAULT_ZOOM);
 export const pinDropModeAtom = atom<boolean>(false);
+export const editAreaModeAtom = atom<boolean>(false);
 export const showControlsAtom = atom<boolean>(true);
+export const compareGeographiesAtom = atom<boolean>(false);

src/app/map/[id]/atoms/selectedAreasAtom.ts

@@ -0,0 +1,10 @@
+import { atom } from "jotai";
+
+export interface SelectedArea {
+  areaSetCode: string;
+  code: string;
+  name: string;
+  coordinates: [number, number];
+}
+
+export const selectedAreasAtom = atom<SelectedArea[]>([]);

src/app/map/[id]/atoms/turfAtoms.ts

@@ -1,5 +1,3 @@
 import { atom } from "jotai";
-import type { Turf } from "@/server/models/Turf";
 
-export const editingTurfAtom = atom<Turf | null>(null);
 export const turfVisibilityAtom = atom<Record<string, boolean>>({});