Moved files

dashboard/src/main/home/onboarding/OnboardingState.ts

@@ -2,7 +2,7 @@ import { ContextProps } from "shared/types";
 import { proxy } from "valtio";
 import { devtools } from "valtio/utils";
 import { SupportedProviders } from "./components/ProviderSelector";
-import { State as ConnectRegistryState } from "./ConnectRegistry/ConnectRegistryState";
+import { State as ConnectRegistryState } from "./steps/ConnectRegistry/ConnectRegistryState";
 
 export type OnboardingStateType = {
   [key: string]: unknown;
@@ -13,7 +13,6 @@ export type OnboardingStateType = {
   // Check if it's the first project that will be created
   isFirstProject: boolean | null;
 
-  selectedProvider: SupportedProviders | null;
   actions: typeof actions;
 };
 
@@ -71,6 +70,11 @@ const actions = {
       }
     });
   },
+  saveState: () => {
+    const json = JSON.stringify(OnboardingState);
+    console.log(json);
+    localStorage.setItem("onboarding", json);
+  },
 };
 
 const initialState: OnboardingStateType = {

dashboard/src/main/home/onboarding/Routes.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { Route, Switch } from "react-router";
-import ConnectRegistry from "./ConnectRegistry/ConnectRegistry";
-import ConnectSource from "./ConnectSource";
-import { NewProjectFC } from "./NewProject";
+import ConnectRegistry from "./steps/ConnectRegistry/ConnectRegistry";
+import ConnectSource from "./steps/ConnectSource";
+import { NewProjectFC } from "./steps/NewProject";
 import ProvisionerForms from "./ProvisionerForms";
 
 export const Routes = () => {

dashboard/src/main/home/onboarding/ConnectRegistry/ConnectRegistry.tsx → dashboard/src/main/home/onboarding/steps/ConnectRegistry/ConnectRegistry.tsx

@@ -5,7 +5,7 @@ import React from "react";
 import { useRouting } from "shared/routing";
 import styled from "styled-components";
 import { useSnapshot } from "valtio";
-import ProviderSelector from "../components/ProviderSelector";
+import ProviderSelector from "../../components/ProviderSelector";
 
 import { State } from "./ConnectRegistryState";
 import FormFlowWrapper from "./forms/FormFlow";
@@ -14,7 +14,7 @@ const ConnectRegistry = () => {
   const snap = useSnapshot(State);
   const { pushFiltered } = useRouting();
   const nextStep = () => {
-    console.log("Good work boy!");
+    pushFiltered("/onboarding/provisioner", []);
   };
 
   return (

dashboard/src/main/home/onboarding/ConnectRegistry/ConnectRegistryState.ts → dashboard/src/main/home/onboarding/steps/ConnectRegistry/ConnectRegistryState.ts

@@ -1,7 +1,7 @@
 import { proxy } from "valtio";
 import { devtools } from "valtio/utils";
 
-import { SupportedProviders } from "../components/ProviderSelector";
+import { SupportedProviders } from "../../components/ProviderSelector";
 
 type AllowedSteps = "credentials" | "settings" | "test_connection" | null;
 
@@ -29,5 +29,3 @@ const initialState: ConnectRegistryState = {
 };
 
 export const State = proxy(initialState);
-
-devtools(State, "ConnectRegistryState");

dashboard/src/main/home/onboarding/ConnectSource.tsx → dashboard/src/main/home/onboarding/steps/ConnectSource.tsx

@@ -63,7 +63,7 @@ const ConnectSource = () => {
   return (
     <>
       <TitleSection>Getting Started</TitleSection>
-      <Subtitle>Step 1 of 2</Subtitle>
+      <Subtitle>Step 1 of 3</Subtitle>
       <Helper>
         To deploy applications from your repo, you need to connect a Github
         account

dashboard/src/main/home/onboarding/NewProject.tsx → dashboard/src/main/home/onboarding/steps/NewProject.tsx

@@ -8,7 +8,7 @@ import InputRow from "components/form-components/InputRow";
 import Helper from "components/form-components/Helper";
 import TitleSection from "components/TitleSection";
 import { useSnapshot } from "valtio";
-import { OnboardingState } from "./OnboardingState";
+import { OnboardingState } from "../OnboardingState";
 import { useRouting } from "shared/routing";
 import { Context } from "shared/Context";
 import api from "shared/api";