add edition to URL routes

Kemkas.Web/frontend/src/App.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './App.css';
 import {Faro} from "@grafana/faro-web-sdk";
-import {createBrowserRouter, RouterProvider} from "react-router-dom";
+import {createBrowserRouter, redirect, RouterProvider} from "react-router-dom";
 import CreateCharacter from "./first-edition/pages/CreateCharacter";
 import CharacterList from "./first-edition/pages/CharacterList";
 import ErrorBoundary from "./shared/ErrorBoundary";
@@ -12,42 +12,12 @@ import {UserContext, userDefaults} from './shared/contexts/UserContext';
 import CreateCharacter2E from "./second-edition/pages/CreateCharacter2E";
 
 function App(props: {faro?: Faro}) {
-    const router = createBrowserRouter([
-        {
-            path: "/",
-            element: <CreateCharacter faro={props.faro} />,
-            ErrorBoundary: ErrorBoundary,
-        },
-        {
-            path: "/2e",
-            element: <CreateCharacter2E />,
-            ErrorBoundary: ErrorBoundary,
-        },
-        {
-            path: "/2e/:id",
-            element: <CreateCharacter faro={props.faro}/>,
-            loader: args => fetch(`api/Character/${args.params.id}`),
-            ErrorBoundary: ErrorBoundary,
-        },
-        {
-            path: "/karaktereim",
-            element: <CharacterList />,
-            loader: () => fetch(`api/Character`),
-            ErrorBoundary: ErrorBoundary,
-        },
-        {
-            path: "/:id",
-            element: <CreateCharacter faro={props.faro}/>,
-            loader: args => fetch(`api/Character/${args.params.id}`),
-            ErrorBoundary: ErrorBoundary,
-        },
-    ]);
-    
+
     const [fetchedUser, setFetchedUser] = useState(userDefaults)
 
     if (fetchedUser.state === "not-started") {
         setFetchedUser({...fetchedUser, state: "loading"})
-        fetch('api/User/me')
+        fetch(`${window.location.origin}/api/User/me`)
             .then(response => {
                 if (response.ok) {
                     return response.text();
@@ -69,6 +39,49 @@ function App(props: {faro?: Faro}) {
             })
     }
     
+    const router = createBrowserRouter([
+        {
+            path: "/",
+            loader: () => fetchedUser.data == null ? redirect("/1e/karakter") : redirect("/karaktereim")
+        },
+        {
+            path: "/karaktereim",
+            element: <CharacterList />,
+            loader: () => fetch(`${window.location.origin}/api/Character`),
+            ErrorBoundary: ErrorBoundary,
+        },
+        {
+            path: "/1e",
+            loader: () => redirect("/1e/karakter")
+        },
+        {
+            path: "/1e/karakter",
+            element: <CreateCharacter faro={props.faro} />,
+            ErrorBoundary: ErrorBoundary,
+        },
+        {
+            path: "/1e/karakter/:id",
+            element: <CreateCharacter faro={props.faro}/>,
+            loader: args => fetch(`${window.location.origin}/api/Character/${args.params.id}`),
+            ErrorBoundary: ErrorBoundary,
+        },
+        {
+            path: "/2e",
+            loader: () => redirect("/2e/karakter")
+        },
+        {
+            path: "/2e/karakter",
+            element: <CreateCharacter2E />,
+            ErrorBoundary: ErrorBoundary,
+        },
+        {
+            path: "/2e/karakter/:id",
+            element: <CreateCharacter faro={props.faro}/>,
+            loader: args => fetch(`${window.location.origin}/api/Character/${args.params.id}`),
+            ErrorBoundary: ErrorBoundary,
+        },
+    ]);
+    
     return (
         <UserContext.Provider value={fetchedUser}>
             <Header/>