From b6fd0df3d55a0e79c6356cf8592169acea750e7b Mon Sep 17 00:00:00 2001
From: Zsolt Stenger <zstenger@student.42heilbronn.de>
Date: Thu, 21 Mar 2024 15:42:42 +0100
Subject: [PATCH 1/2] tournament page

---
 frontend/src/App.js                        | 16 +++++++++++++++-
 frontend/src/pages/Games/ChoosePongMode.js |  3 +++
 frontend/src/pages/Games/Tournament.js     |  0
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/Games/Tournament.js

diff --git a/frontend/src/App.js b/frontend/src/App.js
index d531b813a..4313a97f5 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -22,6 +22,7 @@ import { WelcomeButtonStyle } from "./components/buttons/ButtonStyle";
 import BackButton from "./components/buttons/BackButton";
 import backgroundimage from "./images/pongbg.png";
 import TwoFA from "./pages/TwoFA";
+// import Tournament from "./pages/Games/Tournament";
 
 process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = 0;
 
@@ -45,7 +46,7 @@ const PageWrapper = ({ children, image, showSidebar = true, redirectUri }) => {
 function App() {
   const { i18n } = useTranslation();
   const basename = "";
-    // process.env.NODE_ENV === "production" ? "/Transcendence" : "";
+  // process.env.NODE_ENV === "production" ? "/Transcendence" : "";
   let REDIRECT_URI;
 
   if (process.env.NODE_ENV === "development") {
@@ -163,6 +164,19 @@ function App() {
               </PageWrapper>
             }
           />
+		  {/* <Route
+            path="tournament"
+            element={
+              <PageWrapper image={Background} redirectUri={REDIRECT_URI}>
+                <StartScreen
+                  Game={Tournament}
+                  backgroundImage={backgroundimage}
+                  WelcomeButtonStyle={WelcomeButtonStyle}
+                  BackButton={BackButton}
+                />
+              </PageWrapper>
+            }
+          /> */}
           <Route
             path="choosepongmode"
             element={
diff --git a/frontend/src/pages/Games/ChoosePongMode.js b/frontend/src/pages/Games/ChoosePongMode.js
index 64fc79d05..fe9536241 100644
--- a/frontend/src/pages/Games/ChoosePongMode.js
+++ b/frontend/src/pages/Games/ChoosePongMode.js
@@ -29,6 +29,9 @@ function ChoosePongMode() {
         </Link>
         <Link to="/multiplayer" className={`mb-8 ${ButtonStyle}`}>
           {t("Multiplayer")}
+        </Link>
+		<Link to="/tournament" className={`mb-8 ${ButtonStyle}`}>
+          {t("Tournament")}
         </Link>
         <Link
           onClick={(e) => {
diff --git a/frontend/src/pages/Games/Tournament.js b/frontend/src/pages/Games/Tournament.js
new file mode 100644
index 000000000..e69de29bb

From e0ac4a66bbbe46ba8913f56d5b8ee015b6b57baf Mon Sep 17 00:00:00 2001
From: Zsolt Stenger <zstenger@student.42heilbronn.de>
Date: Fri, 22 Mar 2024 15:42:42 +0100
Subject: [PATCH 2/2] tournament page

---
 frontend/src/App.js                    |  6 +++---
 frontend/src/pages/Games/Tournament.js | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 4313a97f5..093e297c5 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -22,7 +22,7 @@ import { WelcomeButtonStyle } from "./components/buttons/ButtonStyle";
 import BackButton from "./components/buttons/BackButton";
 import backgroundimage from "./images/pongbg.png";
 import TwoFA from "./pages/TwoFA";
-// import Tournament from "./pages/Games/Tournament";
+import Tournament from "./pages/Games/Tournament";
 
 process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = 0;
 
@@ -164,7 +164,7 @@ function App() {
               </PageWrapper>
             }
           />
-		  {/* <Route
+		  <Route
             path="tournament"
             element={
               <PageWrapper image={Background} redirectUri={REDIRECT_URI}>
@@ -176,7 +176,7 @@ function App() {
                 />
               </PageWrapper>
             }
-          /> */}
+          />
           <Route
             path="choosepongmode"
             element={
diff --git a/frontend/src/pages/Games/Tournament.js b/frontend/src/pages/Games/Tournament.js
index e69de29bb..02999b504 100644
--- a/frontend/src/pages/Games/Tournament.js
+++ b/frontend/src/pages/Games/Tournament.js
@@ -0,0 +1,14 @@
+import React, { useEffect, useRef, useState } from "react";
+import backgroundImage from "../../images/pongbg.png";
+import { useLocation, useNavigate } from "react-router-dom";
+import BackButton from "../../components/buttons/BackButton";
+import { useTranslation } from "react-i18next";
+import { WelcomeButtonStyle } from "../../components/buttons/ButtonStyle";
+import LoseScreen from "../../components/game/LoseScreen";
+import WinScreen from "../../components/game/WinScreen";
+import handleResize from "../../components/game/HandleResize";
+import FullScreenButton from "../../components/buttons/FullScreen";
+
+const Tournament = () => { };
+
+export default Tournament;
\ No newline at end of file