+
-
-
+
+
diff --git a/assets/src/components/initail-setup/Progress.jsx b/assets/src/components/initail-setup/Progress.jsx
index ffd88a1c..588119aa 100644
--- a/assets/src/components/initail-setup/Progress.jsx
+++ b/assets/src/components/initail-setup/Progress.jsx
@@ -1,14 +1,14 @@
-import { useState, Fragment } from '@wordpress/element';
+import { Fragment } from '@wordpress/element';
import { Steps } from 'antd';
import ContentLayout from './ContentLayout';
-const Progress = () => {
- const [current, setCurrent] = useState(0);
+const Progress = ({next,prev,current,setCurrent}) => {
const onChange = (value) => {
setCurrent(value);
};
+
const steps = [
{
title: 'Welcome',
@@ -20,7 +20,7 @@ const Progress = () => {
title: 'Ready',
},
];
-
+ const stepSize = steps.length;
return (
{
onChange={onChange}
items={steps}
/>
-
);
}
diff --git a/assets/src/components/initail-setup/Ready.jsx b/assets/src/components/initail-setup/Ready.jsx
index 0b6a4de5..81a232dd 100644
--- a/assets/src/components/initail-setup/Ready.jsx
+++ b/assets/src/components/initail-setup/Ready.jsx
@@ -1,9 +1,84 @@
-import React from 'react'
+import { Fragment } from "react";
+import { Switch } from 'antd';
+import { __ } from "@wordpress/i18n";
const Ready = () => {
+
+ const onChange = (checked) => {
+ console.log(`switch to ${checked}`);
+ };
+
return (
-
+
+ );
+};
export default Ready;
diff --git a/assets/src/components/initail-setup/Welcome.jsx b/assets/src/components/initail-setup/Welcome.jsx
index cb414522..f2fa96d9 100644
--- a/assets/src/components/initail-setup/Welcome.jsx
+++ b/assets/src/components/initail-setup/Welcome.jsx
@@ -1,14 +1,14 @@
import { Fragment } from 'react'
import { __ } from '@wordpress/i18n';
-const Welcome = () => {
+const Welcome = ( {next}) => {
return (
)
diff --git a/assets/src/components/modules/Layout.js b/assets/src/components/modules/Layout.js
index 3c6783b7..a72eaefd 100644
--- a/assets/src/components/modules/Layout.js
+++ b/assets/src/components/modules/Layout.js
@@ -1,28 +1,30 @@
-import { Layout } from 'antd';
+import { Layout } from "antd";
+import { useRoutes } from "react-router-dom";
import PageLoader from "../PageLoader";
-import Modules from "./Modules";
-import IniSetupLayout from '../initail-setup/IniSetupLayout';
+import moduleRoutes from "./ModuleRoutes";
+import { removeHashFromURL } from "../../utils/helper";
function AppLayout() {
+ const currentPath = removeHashFromURL(window.location.hash);
+ let element = useRoutes(moduleRoutes);
+
return (
+ style={{
+ padding: "0",
+ }}
+ >
-
-
-
);
}
diff --git a/assets/src/components/modules/ModuleRoutes.js b/assets/src/components/modules/ModuleRoutes.js
new file mode 100644
index 00000000..a4a40aa8
--- /dev/null
+++ b/assets/src/components/modules/ModuleRoutes.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import Modules from './Modules';
+import IniSetupLayout from '../initail-setup/IniSetupLayout';
+
+let moduleRoutes = [
+ {
+ path : '/',
+ element :
Ready
- )
-}
+
+
+
+
+
+
+
+
+
+
+ + {__("Congratulation", "storegrowth-sales-booster")} +
+ + {__( + "You are at the last step to complete the setup process and start using the exciting features of StoreGrawth", + "storegrowth-sales-booster" + )} + +
+
+
+
+
+
+
+
+
+
+
+
+
+ {__('Get Updates', "storegrowth-sales-booster")}
+{__('We will send essential tips & tricks for effective usage of StoreGrowth.', "storegrowth-sales-booster")}
+
+
+
+
+ {__('Share Essentials', "storegrowth-sales-booster")}
+{__('Let us collect non-sensitive diagnosis data and usage information.', "storegrowth-sales-booster")}
+