default layers on store

Vizzuality · Feb 19, 2024 · 938f4dc · 938f4dc
1 parent e76ccde
commit 938f4dc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/client/src/containers/datasets/item.tsx b/client/src/containers/datasets/item.tsx
@@ -1,7 +1,10 @@
 'use client';
 
+import { useAtomValue } from 'jotai';
 import { Info } from 'lucide-react';
 
+import { layersAtom } from '@/store';
+
 import { DatasetListResponseDataItem } from '@/types/generated/strapi.schemas';
 
 // import Layers from '@/containers/datasets/layers';
@@ -11,14 +14,14 @@ import { Dialog, DialogClose, DialogContent, DialogTrigger } from '@/components/
 import { Switch } from '@/components/ui/switch';
 
 export default function DatasetsItem(props: Required<DatasetListResponseDataItem>) {
-  const mockedLayersSelected = ['projects', 'tree-cover', 'soil-carbon-density'];
+  const layers = useAtomValue(layersAtom);
 
   return (
     <div className="flex flex-col space-y-1.5 border-b py-2">
       <div className="flex items-center justify-between">
         <div className="flex items-center space-x-2">
           <Switch
-            checked={mockedLayersSelected.includes(props.id)}
+            checked={layers.includes(props.id)}
             onCheckedChange={() => console.info(`set layer ${props.id}`)}
           />
           <h3 className="text-sm">{props.attributes.title}</h3>

diff --git a/client/src/store/index.ts b/client/src/store/index.ts
@@ -31,7 +31,7 @@ export const bboxAtom = atom<readonly [number, number, number, number] | null |
 export const tmpBboxAtom = atom<readonly [number, number, number, number] | null>(null);
 
 // Map layers
-export const layersAtom = atom<readonly number[]>([]);
+export const layersAtom = atom<readonly string[]>(['projects']);
 
 export const layersInteractiveAtom = atom<number[]>([]);
 

diff --git a/client/src/types/generated/strapi.schemas.ts b/client/src/types/generated/strapi.schemas.ts
@@ -642,7 +642,7 @@ export type LayerListResponseMeta = {
 };
 
 export interface LayerListResponseDataItem {
-  id?: number;
+  id?: string;
   attributes?: Layer;
 }