remove hosting page

src/app/router.tsx

@@ -90,11 +90,9 @@ import {
   ForgotPassVerifyPage,
   GetStartedPage,
   HomePage,
-  HostingPage,
   ImpersonatePage,
   LoginPage,
   LogoutPage,
-  NewUserToOnboarding,
   NotFoundPage,
   OpDetailLayout,
   OpDetailPage,
@@ -525,11 +523,7 @@ export const appRoutes: RouteObject[] = [
         children: [
           {
             index: true,
-            element: (
-              <NewUserToOnboarding>
-                <EnvironmentsPage />
-              </NewUserToOnboarding>
-            ),
+            element: <EnvironmentsPage />,
           },
 
           {
@@ -723,15 +717,6 @@ export const appRoutes: RouteObject[] = [
     element: <OtpResetVerifyPage />,
   },
 
-  {
-    path: routes.HOSTING_PATH,
-    element: (
-      <AuthRequired>
-        <HostingPage />
-      </AuthRequired>
-    ),
-  },
-
   {
     path: routes.PLANS_PATH,
     element: (

src/ui/layouts/auth-required.tsx

@@ -1,17 +1,10 @@
 import { selectBillingDetail, selectHasPaymentMethod } from "@app/billing";
 import { FETCH_REQUIRED_DATA } from "@app/bootup";
 import { createLog } from "@app/debug";
-import { fetchEnvironments, selectEnvironmentsAsList } from "@app/deploy";
-import {
-  useDispatch,
-  useLoader,
-  useLoaderSuccess,
-  useSelector,
-} from "@app/react";
+import { useDispatch, useSelector } from "@app/react";
 import { setRedirectPath } from "@app/redirect-path";
 import {
   homeUrl,
-  hostingUrl,
   loginUrl,
   logoutUrl,
   plansUrl,
@@ -22,7 +15,7 @@ import { schema } from "@app/schema";
 import { selectAccessToken } from "@app/token";
 import { selectCurrentUser, selectIsUserVerified } from "@app/users";
 import { useEffect } from "react";
-import { Navigate, Outlet, useLocation, useNavigate } from "react-router-dom";
+import { Navigate, Outlet, useLocation } from "react-router-dom";
 import { Loading } from "../shared";
 
 const log = createLog("auth-required");
@@ -34,21 +27,6 @@ const denyList = [
   verifyEmailRequestUrl(),
 ];
 
-export const NewUserToOnboarding = ({
-  children,
-}: { children?: React.ReactNode }) => {
-  const navigate = useNavigate();
-  const loader = useLoader(fetchEnvironments);
-  const envs = useSelector(selectEnvironmentsAsList);
-  useLoaderSuccess(loader, () => {
-    if (envs.length === 0) {
-      navigate(hostingUrl());
-    }
-  });
-
-  return children ? children : <Outlet />;
-};
-
 export const VerifyEmailRequired = ({
   children,
 }: { children?: React.ReactNode }) => {

src/ui/pages/index.ts

@@ -69,7 +69,6 @@ export * from "./forgot-pass";
 export * from "./billing-method";
 export * from "./impersonate";
 export * from "./plans";
-export * from "./hosting";
 export * from "./sso";
 export * from "./activity";
 export * from "./deployments";

src/ui/pages/verify-email.test.tsx

@@ -43,8 +43,8 @@ describe("Verify email page", () => {
       render(<App />);
 
       await screen.findByRole("heading", {
-        level: 1,
-        name: /Choose an Option/,
+        level: 2,
+        name: /Environments/,
       });
     });
   });