app -> issues

packages/frontend/src/main.tsx

@@ -1,13 +1,13 @@
 import "./App.css";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
 import { QueryProvider } from "@/components/query-provider";
 import { SelectionProvider } from "@/components/selection-provider";
 import { RequireAuth, SessionProvider } from "@/components/session-provider";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "@/components/ui/sonner";
-import App from "@/pages/App";
+import Issues from "@/pages/Issues";
 import Font from "@/pages/Font";
 import Landing from "@/pages/Landing";
 import Login from "@/pages/Login";
@@ -33,7 +33,15 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
                   path="/app"
                   element={
                     <RequireAuth>
-                      <App />
+                      <Navigate to="/issues" replace />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/issues"
+                  element={
+                    <RequireAuth>
+                      <Issues />
                     </RequireAuth>
                   }
                 />

packages/frontend/src/pages/Issues.tsx

@@ -10,7 +10,7 @@ import { ResizablePanel, ResizablePanelGroup, ResizableSeparator } from "@/compo
 import { BREATHING_ROOM } from "@/lib/layout";
 import { useIssues, useOrganisations, useProjects, useSelectedIssue } from "@/lib/query/hooks";
 
-export default function App() {
+export default function Issues() {
   const {
     selectedOrganisationId,
     selectedProjectId,

packages/frontend/src/pages/Landing.tsx

@@ -19,7 +19,7 @@ export default function Landing() {
                 <h1 className="text-xl font-basteleur font-400">Welcome back {user.name.split(" ")[0]}!</h1>
               )}
               <Button asChild variant="outline" size="sm">
-                <Link to="/app">Open app</Link>
+                <Link to="/issues">Open app</Link>
               </Button>
             </>
           ) : (
@@ -44,7 +44,7 @@ export default function Landing() {
         <div className="flex flex-col items-center gap-8">
           {!isLoading && user ? (
             <Button asChild size="lg">
-              <Link to="/app">Open app</Link>
+              <Link to="/issues">Open app</Link>
             </Button>
           ) : (
             <Button asChild size="lg">

packages/frontend/src/pages/Login.tsx

@@ -11,7 +11,7 @@ export default function Login() {
 
   useEffect(() => {
     if (!isLoading && user) {
-      const next = searchParams.get("next") || "/app";
+      const next = searchParams.get("next") || "/issues";
       navigate(next, { replace: true });
     }
   }, [user, isLoading, navigate, searchParams]);