Merge pull request #65 from Arquisoft/fix-questions-front

Game refactoring

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "react-query": "^3.39.3"
+  }
+}

webapp/.env

@@ -1 +1,2 @@
-REACT_APP_API_ENDPOINT=http://74.234.241.249
+http://74.234.241.249
+REACT_APP_API_ENDPOINT=http://localhost:8000

webapp/src/App.tsx

@@ -2,14 +2,14 @@ import { BrowserRouter } from "react-router-dom";
 import { AppRouter } from "./Router";
 
 
-
 /** The old code is not in /pages/init/index.tsx and is shown as default */
 function App() {
+
 
   return (
-      <BrowserRouter>
-        <AppRouter />      
-      </BrowserRouter>
+        <BrowserRouter>
+          <AppRouter />
+        </BrowserRouter>
   );
 }
 

webapp/src/Router.tsx

@@ -6,6 +6,8 @@ import { RouterLayout } from "./common/RouterLayout";
 import { InitPage } from "./pages/init";
 import { ScoreboardPage } from "./pages/scoreboard";
 import ProfilePage from "./pages/userProfile";
+import GameSinglePlayer from "./components/game/GameSinglePlayer";
+import GameMultiPlayer from "./components/game/GameMultiPlayer";
 
 export const AppRouter: React.FC<{}> = () => {
   return (
@@ -14,6 +16,8 @@ export const AppRouter: React.FC<{}> = () => {
         { /* When accessing /game or the other paths, it will be shown as the  
             outlet inside RouterLayout*/ }
         <Route path="/game" element={<GamePage />} />
+        <Route path="/game/single-player" element={<GameSinglePlayer />} />
+        <Route path="/game/multi-player" element={<GameMultiPlayer />} />
         <Route path="/groups" element={<GroupsPage />} />
         <Route path="/scoreboard" element={<ScoreboardPage />} />
         <Route path="/profile" element={<ProfilePage />} />

webapp/src/components/game-layout/GameLayout.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import Game from "../game/Game";
+import Game from "../game/GameSinglePlayer";
 import Group from "../group/Group";
 import Scoreboard from "../scoreboard/Scoreboard";