Merge pull request #111 from CivicDataLab/98-auto-save-experiment

Add Access Model Creation Flow

Author: bhavabhuthi

app/[locale]/dashboard/organization/[organizationId]/dataset/[id]/edit/access/page.tsx

@@ -1,22 +1,36 @@
 'use client';
 
-import { parseAsBoolean, useQueryState } from 'next-usequerystate';
+import {
+  parseAsBoolean,
+  parseAsString,
+  useQueryState,
+} from 'next-usequerystate';
 
 import AccessModelForm from '../components/AccessModelForm';
 import AccessModelList from '../components/AccessModelList';
 
 const Access = () => {
-  const [queryList, setQueryList] = useQueryState(
+  const [list, setList] = useQueryState(
     'list',
     parseAsBoolean.withDefault(true) // Default value set to true boolean
   );
 
+  const [accessModelId, setAccessModelId] = useQueryState('id', parseAsString);
+
   return (
     <div>
-      {queryList ? (
-        <AccessModelList setQueryList={setQueryList} queryList={queryList} />
+      {list ? (
+        <AccessModelList
+          setList={setList}
+          list={list}
+          setAccessModelId={setAccessModelId}
+        />
       ) : (
-        <AccessModelForm setQueryList={setQueryList} />
+        <AccessModelForm
+          setList={setList}
+          setAccessModelId={setAccessModelId}
+          accessModelId={accessModelId}
+        />
       )}
     </div>
   );