diff --git a/frontend/src/App.js b/frontend/src/App.js index dae0f365..461a9b3d 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -23,6 +23,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; @@ -46,7 +47,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") { @@ -164,13 +165,26 @@ function App() { } /> - } + /> + + + + } /> {t("Multiplayer")} + + + {t("Tournament")} { diff --git a/frontend/src/pages/Games/Tournament.js b/frontend/src/pages/Games/Tournament.js new file mode 100644 index 00000000..02999b50 --- /dev/null +++ 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