move auth routes to /dashboard

packages/api/src/controllers/user.ts

@@ -554,7 +554,7 @@ app.patch("/:id/email", authorizer({}), async (req, res) => {
       buttonText: "Verify Email",
       buttonUrl: frontendUrl(
         req,
-        `/verify-new-email?${qs.stringify({
+        `/dashboard/verify-new-email?${qs.stringify({
           emailValidToken,
           email: lowerCaseEmail,
         })}`
@@ -905,7 +905,7 @@ app.post("/verify", validatePost("user-verification"), async (req, res) => {
           subject: `User ${user.email} signed up with Livepeer!`,
           preheader: "We have a new verified user",
           buttonText: "Log into livepeer",
-          buttonUrl: frontendUrl(req, "/login"),
+          buttonUrl: frontendUrl(req, "/dashboard/login"),
           unsubscribe: unsubscribeUrl(req),
           text: [
             `User ${user.email} has signed up and verified their email with Livepeer!`,
@@ -979,7 +979,11 @@ async function sendVerificationEmail(req: Request, user: User, selectedPlan) {
         buttonText: "Verify Email",
         buttonUrl: frontendUrl(
           req,
-          `/verify?${qs.stringify({ email, emailValidToken, selectedPlan })}`
+          `/dashboard/verify?${qs.stringify({
+            email,
+            emailValidToken,
+            selectedPlan,
+          })}`
         ),
         unsubscribe: unsubscribeUrl(req),
         text: [
@@ -1068,7 +1072,7 @@ app.post(
         buttonText: "Reset Password",
         buttonUrl: frontendUrl(
           req,
-          `/reset-password?${qs.stringify({ email, resetToken })}`
+          `/dashboard/reset-password?${qs.stringify({ email, resetToken })}`
         ),
         unsubscribe: unsubscribeUrl(req),
         text: [

packages/www/components/Login/index.tsx

@@ -122,7 +122,7 @@ const Login = ({ id, buttonText, onSubmit, loading, errors }) => {
                 transform: "translateY(-50%)",
                 top: "50%",
               }}>
-              <Link href="/forgot-password" passHref legacyBehavior>
+              <Link href="/dashboard/forgot-password" passHref legacyBehavior>
                 <A
                   variant="primary"
                   css={{

packages/www/components/Plans/index.tsx

@@ -267,7 +267,7 @@ const Plans = ({ dashboard = false, stripeProductId }: PlanProps) => {
                 stripeProductId="prod_O9XuIjn7EqYRVW"
                 onClick={() => {
                   if (!dashboard) {
-                    router.push("/register");
+                    router.push("/dashboard/register");
                   }
                 }}
               />
@@ -349,7 +349,7 @@ const Plans = ({ dashboard = false, stripeProductId }: PlanProps) => {
                   if (dashboard) {
                     setIsTourOpen(false);
                   } else {
-                    router.push("/register?selectedPlan=1");
+                    router.push("/dashboard/register?selectedPlan=1");
                   }
                 }}
               />
@@ -511,7 +511,7 @@ const Plans = ({ dashboard = false, stripeProductId }: PlanProps) => {
                   if (dashboard) {
                     setIsTourOpen(false);
                   } else {
-                    router.push("/register?selectedPlan=2");
+                    router.push("/dashboard/register?selectedPlan=2");
                   }
                 }}
               />

packages/www/components/Site/Compare/Hero.tsx

@@ -43,7 +43,7 @@ const CompareHero = ({
               how its features and pricing compare to {comparison}.
             </Text>
             <Flex align="center" gap={1}>
-              <Link href="/register" passHref>
+              <Link href="/dashboard/register" passHref>
                 <Button
                   target="_blank"
                   size={3}

packages/www/components/Site/Footer/index.tsx

@@ -156,7 +156,7 @@ const Footer = () => {
                             Contact
                           </Button>
                         </Link>
-                        <Link href="/login" passHref legacyBehavior>
+                        <Link href="/dashboard/login" passHref legacyBehavior>
                           <Button
                             as={A}
                             small

packages/www/components/Site/HomeHero/index.tsx

@@ -168,7 +168,7 @@ const HomeHero = ({ backgroundColor = "$loContrast" }) => {
               </small>
             </Text>
             <Flex align="center" css={{ justifyContent: "center" }}>
-              <Link href="/register" passHref>
+              <Link href="/dashboard/register" passHref>
                 <Button
                   size={4}
                   variant="green"

packages/www/components/Site/Navigation/base.tsx

@@ -408,7 +408,7 @@ const NavigationBase = ({
                           display: "block",
                         },
                       }}>
-                      <Link href="/login" passHref legacyBehavior>
+                      <Link href="/dashboard/login" passHref legacyBehavior>
                         <A>
                           <Button variant="neutral" css={{ mr: "$3" }} size={3}>
                             Sign in
@@ -425,7 +425,7 @@ const NavigationBase = ({
                           display: "block",
                         },
                       }}>
-                      <Link href="/register" passHref legacyBehavior>
+                      <Link href="/dashboard/register" passHref legacyBehavior>
                         <A>
                           <Button variant="green" size={3}>
                             Sign Up

packages/www/components/Site/Navigation/mobile/authButtons.tsx

@@ -13,7 +13,7 @@ const AuthButtons = ({
 }) => {
   if (!isTokenDefined) {
     return (
-      <Link href="/login" passHref legacyBehavior>
+      <Link href="/dashboard/login" passHref legacyBehavior>
         <Button
           onClick={() => setMobileMenuIsOpen(false)}
           arrow

packages/www/components/Site/Prefooter/index.tsx

@@ -81,7 +81,7 @@ const Prefooter = ({ backgroundColor = "inherit" }) => (
                 flexDirection: "row",
               },
             }}>
-            <Link href="/register">
+            <Link href="/dashboard/register">
               <Button
                 size={4}
                 as={A}

packages/www/components/Site/PricingCalculator/Calculator.tsx

@@ -564,7 +564,9 @@ const Preview = ({ transcoding, streaming }: PreviewProps) => {
         size="4"
         disabled={streaming + transcoding === 0}
         onClick={() => {
-          router.push(token ? "/dashboard/billing/plans" : "/register");
+          router.push(
+            token ? "/dashboard/billing/plans" : "/dashboard/register"
+          );
         }}>
         {totalValue > 3000 ? "Contact us" : "Get Started"}
       </Button>

packages/www/hooks/use-logged-in.tsx

@@ -29,7 +29,7 @@ export default function useLoggedIn(shouldBeLoggedIn = true) {
   useEffect(() => {
     if (shouldBeLoggedIn === true) {
       if (!token) {
-        router.replace("/login");
+        router.replace("/dashboard/login");
       } else if (emailVerificationMode && user?.emailValid === false) {
         router.replace("/verify");
       }

packages/www/next.config.js

@@ -188,6 +188,73 @@ let config = {
         destination: "https://livepeer.canny.io",
         permanent: false,
       },
+      {
+        source: "/register",
+        destination: "/dashboard/register",
+        permanent: false,
+      },
+      {
+        source: "/login",
+        destination: "/dashboard/login",
+        permanent: false,
+      },
+      {
+        source: "/verify",
+        destination:
+          "/dashboard/verify?email=:email&emailValidToken=:emailValidToken&selectedPlan=:selectedPlan",
+        permanent: false,
+        has: [
+          {
+            type: "query",
+            key: "email",
+          },
+          {
+            type: "query",
+            key: "emailValidToken",
+          },
+          {
+            type: "query",
+            key: "selectedPlan",
+          },
+        ],
+      },
+      {
+        source: "/verify-new-email",
+        destination:
+          "/dashboard/verify-new-email?email=:email&emailValidToken=:emailValidToken",
+        permanent: false,
+        has: [
+          {
+            type: "query",
+            key: "email",
+          },
+          {
+            type: "query",
+            key: "emailValidToken",
+          },
+        ],
+      },
+      {
+        source: "/reset-password",
+        destination:
+          "/dashboard/reset-password?email=:email&resetToken=:resetToken",
+        permanent: false,
+        has: [
+          {
+            type: "query",
+            key: "email",
+          },
+          {
+            type: "query",
+            key: "resetToken",
+          },
+        ],
+      },
+      {
+        source: "/forgot-password",
+        destination: "/dashboard/forgot-password",
+        permanent: false,
+      },
     ];
   },
 };

packages/www/pages/login.tsx → packages/www/pages/dashboard/login.tsx

@@ -9,7 +9,7 @@ import {
   Link as A,
 } from "@livepeer/design-system";
 import { useState } from "react";
-import { useApi, useLoggedIn } from "../hooks";
+import { useApi, useLoggedIn } from "../../hooks";
 import Link from "next/link";
 import { Home as Content } from "content";
 
@@ -85,7 +85,7 @@ const LoginPage = () => {
                     "linear-gradient(to right,transparent,rgba(255,255,255,0.1) 50%,transparent)",
                 }}
               />
-              <Link href="/register" passHref legacyBehavior>
+              <Link href="/dashboard/register" passHref legacyBehavior>
                 <A
                   css={{
                     "&:hover": {

packages/www/pages/register.tsx → packages/www/pages/dashboard/register.tsx

@@ -1,7 +1,7 @@
 import Layout from "layouts/main";
 import { withRecaptcha } from "layouts/withRecaptcha";
-import Login from "../components/Login";
-import Register from "../components/Register";
+import Login from "../../components/Login";
+import Register from "../../components/Register";
 import {
   Flex,
   Box,
@@ -15,7 +15,7 @@ import { useRouter } from "next/router";
 import { useGoogleReCaptcha } from "react-google-recaptcha-v3";
 import { Register as Content } from "content";
 import Link from "next/link";
-import { useApi, useLoggedIn } from "../hooks";
+import { useApi, useLoggedIn } from "../../hooks";
 import { useJune, events } from "hooks/use-june";
 
 const emailVerificationMode =
@@ -49,7 +49,7 @@ const RegisterPage = () => {
   useEffect(() => {
     if (user) {
       if (emailVerificationMode && user.emailValid === false) {
-        router.replace("/verify");
+        router.replace("/dashboard/verify");
       } else {
         router.replace("/dashboard");
       }
@@ -143,7 +143,7 @@ const RegisterPage = () => {
                     "linear-gradient(to right,transparent,rgba(255,255,255,0.1) 50%,transparent)",
                 }}
               />
-              <Link href="/login" passHref legacyBehavior>
+              <Link href="/dashboard/login" passHref legacyBehavior>
                 <A
                   css={{
                     cursor: "default",

packages/www/pages/use-cases/[slug].tsx

@@ -105,7 +105,7 @@ const UseCase = ({
         imageType="rectangle"
         ctas={[
           {
-            href: "/register",
+            href: "/dashboard/register",
             title: "Get started",
           },
           {
@@ -127,7 +127,7 @@ const UseCase = ({
         reasons={features.reasons}
         ctas={[
           {
-            href: "/register",
+            href: "/dashboard/register",
             title: "Start Building",
           },
           {