fix: Redirect to /projects page from /

bryphe-coder · bryphe-coder · commit d5e70259a232 · 2022-01-26T04:11:11.000Z
diff --git a/site/components/Redirect.test.tsx b/site/components/Redirect.test.tsx
@@ -0,0 +1,22 @@
+import { render, waitFor } from "@testing-library/react"
+import singletonRouter from "next/router"
+import mockRouter from "next-router-mock"
+import React from "react"
+import { Redirect } from "./Redirect"
+
+describe("Redirect", () => {
+  // Reset the router to '/' before every test
+  beforeEach(() => {
+    mockRouter.setCurrentUrl("/")
+  })
+
+  it("performs client-side redirect on render", async () => {
+    // When
+    render(<Redirect to="/workspaces/v2" />)
+
+    // Then
+    await waitFor(() => {
+      expect(singletonRouter).toMatchObject({ asPath: "/workspaces/v2" })
+    })
+  })
+})
diff --git a/site/components/Redirect.tsx b/site/components/Redirect.tsx
@@ -2,9 +2,16 @@ import React, { useEffect } from "react"
 import { useRouter } from "next/router"
 
 export interface RedirectProps {
+  /**
+   * The path to redirect to
+   * @example '/projects'
+   */
   to: string
 }
 
+/**
+ * Helper component to perform a client-side redirect
+ */
 export const Redirect: React.FC<RedirectProps> = ({ to }) => {
   const router = useRouter()
 
@@ -13,4 +20,4 @@ export const Redirect: React.FC<RedirectProps> = ({ to }) => {
   }, [])
 
   return null
-}
+}
diff --git a/site/components/index.tsx b/site/components/index.tsx
@@ -1,4 +1,4 @@
 export * from "./Button"
 export * from "./EmptyState"
 export * from "./Page"
-export * from "./Redirect"
+export * from "./Redirect"
diff --git a/site/pages/index.tsx b/site/pages/index.tsx
@@ -1,7 +1,6 @@
 import React from "react"
 
 import { Redirect } from "../components"
-import { ErrorSummary } from "../components/ErrorSummary"
 import { FullScreenLoader } from "../components/Loader/FullScreenLoader"
 import { useUser } from "../contexts/UserContext"
 
