From 2b89c941df9b8f638a36c3f149580b9950afaf91 Mon Sep 17 00:00:00 2001
From: Erik Escoffier <me@erik.nz>
Date: Wed, 11 Oct 2023 11:29:40 +0200
Subject: [PATCH] Use query params rather than hash

---
 .../common/map/controls/aoi/atoms.ts          | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/app/scripts/components/common/map/controls/aoi/atoms.ts b/app/scripts/components/common/map/controls/aoi/atoms.ts
index c3bed5a73..6034a6b1b 100644
--- a/app/scripts/components/common/map/controls/aoi/atoms.ts
+++ b/app/scripts/components/common/map/controls/aoi/atoms.ts
@@ -1,15 +1,26 @@
 import { atom } from "jotai";
-import { atomWithHash } from "jotai-location";
+import { atomWithLocation } from "jotai-location";
 import { Polygon } from "geojson";
 import { AoIFeature } from "../../types";
 import { decodeAois, encodeAois } from "$utils/polygon-url";
 
 // This is the atom acting as a single source of truth for the AOIs.
-export const aoisHashAtom = atomWithHash('aois', '');
+export const aoisAtom = atomWithLocation();
+
+const aoisSerialized = atom(
+  (get) => get(aoisAtom).searchParams?.get("aois"),
+  (get, set, aois) => {
+    set(aoisAtom, (prev) => ({
+      ...prev,
+      searchParams: new URLSearchParams([["aois", aois as string]])
+    }));
+  }
+);
+
 
 // Getter atom to get AoiS as GeoJSON features from the hash.
 export const aoisFeaturesAtom = atom<AoIFeature[]>((get) => {
-  const hash = get(aoisHashAtom);
+  const hash = get(aoisSerialized);
   if (!hash) return [];
   return decodeAois(hash);
 });
@@ -34,7 +45,7 @@ export const aoisUpdateGeometryAtom = atom(
         newFeatures = [...newFeatures, newFeature];
       }
     });
-    set(aoisHashAtom, encodeAois(newFeatures));
+    set(aoisSerialized, encodeAois(newFeatures));
   }
 );
 
@@ -44,7 +55,7 @@ export const aoisSetSelectedAtom = atom(null, (get, set, ids: string[]) => {
   const newFeatures = features.map((feature) => {
     return { ...feature, selected: ids.includes(feature.id as string) };
   });
-  set(aoisHashAtom, encodeAois(newFeatures));
+  set(aoisSerialized, encodeAois(newFeatures));
 });
 
 // Setter atom to delete AOIs, writing directly to the hash atom.
@@ -53,5 +64,5 @@ export const aoisDeleteAtom = atom(null, (get, set, ids: string[]) => {
   const newFeatures = features.filter(
     (feature) => !ids.includes(feature.id as string)
   );
-  set(aoisHashAtom, encodeAois(newFeatures));
+  set(aoisSerialized, encodeAois(newFeatures));
 });