feat(console): add isCloud constant (#3144)

packages/console/src/App.tsx

@@ -39,6 +39,7 @@ import UserDetails from '@/pages/UserDetails';
 import Users from '@/pages/Users';
 import Welcome from '@/pages/Welcome';
 
+import Cloud from './cloud/pages/Cloud';
 import {
   ApiResourceDetailsTabs,
   ConnectorsTabs,
@@ -48,15 +49,11 @@ import {
   adminTenantEndpoint,
   getUserTenantId,
 } from './consts';
+import { isCloud } from './consts/cloud';
 import AppContent from './containers/AppContent';
 import AppEndpointsProvider, { AppEndpointsContext } from './containers/AppEndpointsProvider';
 import ApiResourcePermissions from './pages/ApiResourceDetails/ApiResourcePermissions';
 import ApiResourceSettings from './pages/ApiResourceDetails/ApiResourceSettings';
-import Cloud from './pages/Cloud';
-import CloudAboutUser from './pages/Cloud/pages/About';
-import CloudCongrats from './pages/Cloud/pages/Congrats';
-import CloudWelcome from './pages/Cloud/pages/Welcome';
-import { CloudPage } from './pages/Cloud/types';
 import Profile from './pages/Profile';
 import RolePermissions from './pages/RoleDetails/RolePermissions';
 import RoleSettings from './pages/RoleDetails/RoleSettings';
@@ -84,13 +81,7 @@ const Main = () => {
             <Route path="callback" element={<Callback />} />
             <Route path="welcome" element={<Welcome />} />
             <Route element={<AppLayout />}>
-              <Route path="cloud" element={<Cloud />}>
+              {isCloud && <Route path="cloud/*" element={<Cloud />} />}
-                <Route index element={<Navigate replace to={CloudPage.Welcome} />} />
-                <Route path={CloudPage.Welcome} element={<CloudWelcome />} />
-                <Route path={CloudPage.AboutUser} element={<CloudAboutUser />} />
-                <Route path={CloudPage.Congrats} element={<CloudCongrats />} />
-                <Route path="*" element={<NotFound />} />
-              </Route>
               <Route element={<AppContent />}>
                 <Route path="*" element={<NotFound />} />
                 <Route path="get-started" element={<GetStarted />} />

packages/console/src/cloud/pages/About/index.tsx

@@ -3,11 +3,11 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import Case from '@/assets/images/case.svg';
+import * as pageLayout from '@/cloud/scss/layout.module.scss';
 import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
 import TextInput from '@/components/TextInput';
-import * as pageLayout from '@/pages/Cloud/layout.module.scss';
 
 import ActionBar from '../../components/ActionBar';
 import { CardSelector, MultiCardSelector } from '../../components/CardSelector';

packages/console/src/cloud/pages/About/options.tsx

@@ -1,4 +1,4 @@
-import type { Option as SelectorOption } from '@/pages/Cloud/components/CardSelector';
+import type { Option as SelectorOption } from '@/cloud/components/CardSelector';
 
 import { CompanySize, Reason, Title } from '../../types';
 

packages/console/src/cloud/pages/Cloud/index.tsx

@@ -0,0 +1,23 @@
+import { Navigate, Route, Routes } from 'react-router-dom';
+
+import { CloudPage } from '@/cloud/types';
+import NotFound from '@/pages/NotFound';
+
+import About from '../About';
+import Congrats from '../Congrats';
+import Welcome from '../Welcome';
+import * as styles from './index.module.scss';
+
+const Cloud = () => (
+  <div className={styles.cloud}>
+    <Routes>
+      <Route index element={<Navigate replace to={CloudPage.Welcome} />} />
+      <Route path={CloudPage.Welcome} element={<Welcome />} />
+      <Route path={CloudPage.AboutUser} element={<About />} />
+      <Route path={CloudPage.Congrats} element={<Congrats />} />
+      <Route path="*" element={<NotFound />} />
+    </Routes>
+  </div>
+);
+
+export default Cloud;

packages/console/src/cloud/pages/Congrats/index.tsx

@@ -6,14 +6,14 @@ import { useNavigate } from 'react-router-dom';
 import AirPlay from '@/assets/images/air-play.svg';
 import Calendar from '@/assets/images/calendar.svg';
 import GetStarted from '@/assets/images/get-started.svg';
+import ActionBar from '@/cloud/components/ActionBar';
+import * as pageLayout from '@/cloud/scss/layout.module.scss';
 import Button from '@/components/Button';
 import Divider from '@/components/Divider';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
 import { AppEndpointsContext } from '@/containers/AppEndpointsProvider';
-import * as pageLayout from '@/pages/Cloud/layout.module.scss';
 import { buildUrl } from '@/utils/url';
 
-import ActionBar from '../../components/ActionBar';
 import { CloudPage } from '../../types';
 import { getCloudPagePathname } from '../../utils';
 import * as styles from './index.module.scss';

packages/console/src/cloud/pages/Welcome/index.tsx

@@ -4,13 +4,13 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import Congrats from '@/assets/images/congrats.svg';
+import ActionBar from '@/cloud/components/ActionBar';
+import { CardSelector } from '@/cloud/components/CardSelector';
+import * as pageLayout from '@/cloud/scss/layout.module.scss';
 import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
-import * as pageLayout from '@/pages/Cloud/layout.module.scss';
 
-import ActionBar from '../../components/ActionBar';
-import { CardSelector } from '../../components/CardSelector';
 import type { Questionnaire } from '../../types';
 import { CloudPage } from '../../types';
 import { getCloudPagePathname } from '../../utils';

packages/console/src/cloud/pages/Welcome/options.tsx

@@ -2,7 +2,7 @@ import Building from '@/assets/images/building.svg';
 import Cloud from '@/assets/images/cloud.svg';
 import Database from '@/assets/images/database.svg';
 import Pizza from '@/assets/images/pizza.svg';
-import type { Option as SelectorOption } from '@/pages/Cloud/components/CardSelector';
+import type { Option as SelectorOption } from '@/cloud/components/CardSelector';
 
 import { DeploymentType, Project } from '../../types';
 

packages/console/src/consts/cloud.ts

@@ -0,0 +1,3 @@
+import { yes } from '@silverhand/essentials';
+
+export const isCloud = yes(process.env.IS_CLOUD);

packages/console/src/pages/Cloud/index.tsx

@@ -1,11 +0,0 @@
-import { Outlet } from 'react-router-dom';
-
-import * as styles from './index.module.scss';
-
-const Cloud = () => (
-  <div className={styles.cloud}>
-    <Outlet />
-  </div>
-);
-
-export default Cloud;