Move atom to aois atoms

app/scripts/components/common/map/controls/aoi/atoms.ts

@@ -65,4 +65,12 @@ export const aoiDeleteAllAtom = atom(null, (get, set) => {
   set(aoisSerialized, encodeAois([]));
 });
 
+// Atom that tracks whether an AOI can be edited or not.
+export const selectedForEditingAtom = atomWithUrlValueStability({
+  initialValue: (new URLSearchParams(window.location.search).get('selectedForEditing') !== 'false'),
+  urlParam: 'selectedForEditing',
+  hydrate: (value) => value !== 'false',
+  dehydrate: (value) => value ? 'true' : 'false'
+});
+
 export const isDrawingAtom = atom(false);

app/scripts/components/common/map/controls/aoi/custom-aoi-control.tsx

@@ -19,15 +19,14 @@ import useMaps from '../../hooks/use-maps';
 import useAois from '../hooks/use-aois';
 import useThemedControl from '../hooks/use-themed-control';
 import CustomAoIModal from './custom-aoi-modal';
-import { aoiDeleteAllAtom } from './atoms';
+import { aoiDeleteAllAtom, selectedForEditingAtom } from './atoms';
 import PresetSelector from './preset-selector';
 import { DIRECT_SELECT, DRAW_POLYGON, SIMPLE_SELECT, STATIC_MODE } from './';
 
 import { TipToolbarIconButton } from '$components/common/tip-button';
 import { Tip } from '$components/common/tip';
 import { getZoomFromBbox } from '$components/common/map/utils';
 import { ShortcutCode } from '$styles/shortcut-code';
-import { selectedForEditingAtom } from '$components/exploration/atoms/selectedForEditing';
 
 // 'moving' feature is disabled, match the cursor style accoringly
 export const aoiCustomCursorStyle = css`