feat: Initialize editing of saved dashboard in layouting step

Author: bprusinowski

app/config-types.ts

@@ -1260,8 +1260,10 @@ export type ConfiguratorStateConfiguringChart = t.TypeOf<
   typeof ConfiguratorStateConfiguringChart
 >;
 
+export const CONFIGURATOR_STATE_LAYOUTING = "LAYOUTING";
+
 const ConfiguratorStateLayouting = t.intersection([
-  t.type({ state: t.literal("LAYOUTING") }),
+  t.type({ state: t.literal(CONFIGURATOR_STATE_LAYOUTING) }),
   Config,
 ]);
 export type ConfiguratorStateLayouting = t.TypeOf<

app/configurator/configurator-state/context.tsx

@@ -1,6 +1,6 @@
 import { PUBLISHED_STATE } from "@prisma/client";
 import { NextRouter, useRouter } from "next/router";
-import { createContext, Dispatch, useContext, useEffect, useMemo } from "react";
+import { Dispatch, createContext, useContext, useEffect, useMemo } from "react";
 import { useClient } from "urql";
 import { useImmerReducer } from "use-immer";
 
@@ -271,7 +271,8 @@ export const ConfiguratorStateProviderInternal = (
           } else if (query.edit && typeof query.edit === "string") {
             newChartState = await initChartStateFromChartEdit(
               client,
-              query.edit
+              query.edit,
+              typeof query.state === "string" ? query.state : undefined
             );
           } else if (query.cube && typeof query.cube === "string") {
             newChartState = await initChartStateFromCube(

app/configurator/configurator-state/init.tsx

@@ -159,18 +159,19 @@ export const initChartStateFromChartCopy = async (
 
 export const initChartStateFromChartEdit = async (
   client: Client,
-  fromChartId: string
+  fromChartId: string,
+  state?: string
 ): Promise<ConfiguratorStateConfiguringChart | undefined> => {
   const config = await fetchChartConfig(fromChartId);
 
   if (config?.data) {
-    const state = migrateConfiguratorState({
+    const configState = migrateConfiguratorState({
       ...config.data,
-      state: "CONFIGURING_CHART",
+      state: state ?? "CONFIGURING_CHART",
     }) as ConfiguratorStateConfiguringChart;
-    return await upgradeConfiguratorState(state, {
+    return await upgradeConfiguratorState(configState, {
       client,
-      dataSource: state.dataSource,
+      dataSource: configState.dataSource,
     });
   }
 };

app/login/components/profile-tables.tsx

@@ -24,6 +24,7 @@ import { MenuActionProps } from "@/components/menu-action-item";
 import { RenameDialog } from "@/components/rename-dialog";
 import { RowActions } from "@/components/row-actions";
 import useDisclosure from "@/components/use-disclosure";
+import { CONFIGURATOR_STATE_LAYOUTING } from "@/config-types";
 import { ParsedConfig } from "@/db/config";
 import { sourceToLabel } from "@/domain/datasource";
 import { truthy } from "@/domain/types";
@@ -213,7 +214,7 @@ const ProfileVisualizationsRow = (props: ProfileVisualizationsRowProps) => {
       },
       {
         type: "link",
-        href: `/${locale}/create/new?edit=${config.key}`,
+        href: `/${locale}/create/new?edit=${config.key}${config.data.chartConfigs.length > 1 ? `&state=${CONFIGURATOR_STATE_LAYOUTING}` : ""}`,
         label: t({ id: "login.chart.edit", message: "Edit" }),
         iconName: "edit",
         priority: