refactoring: setup wizard pages with simple architecture.

client/src/components/Dashboard/PrivatePages.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Switch, Route } from 'react-router';
+import { useQuery } from 'react-query';
+
+import Dashboard from 'components/Dashboard/Dashboard';
+import SetupWizardPage from 'containers/Setup/WizardSetupPage';
+import DashboardLoadingIndicator from 'components/Dashboard/DashboardLoadingIndicator';
+
+import withOrganizationActions from 'containers/Organization/withOrganizationActions';
+
+import { compose } from 'utils';
+
+/**
+ * Dashboard inner private pages.
+ */
+function DashboardPrivatePages({
+  requestOrganizationsList,
+}) {
+  const fetchOrganizations = useQuery(
+    ['organizations'],
+    () => requestOrganizationsList(),
+  );
+
+  return (
+    <DashboardLoadingIndicator isLoading={fetchOrganizations.isLoading}>
+      <Switch>
+        <Route path={'/setup'}>
+          <SetupWizardPage />
+        </Route>
+
+        <Route path='/'>
+          <Dashboard />
+        </Route>
+      </Switch>
+    </DashboardLoadingIndicator>
+  );
+}
+
+export default compose(
+  withOrganizationActions,
+)(DashboardPrivatePages);