You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.8 KiB
96 lines
2.8 KiB
//import logo from './res/img/logo.svg';
|
|
import React from 'react';
|
|
import { useState } from 'react';
|
|
import { IntlProvider } from 'react-intl';
|
|
import { GameProvider } from './Contexts/GameContext';
|
|
|
|
/* Page */
|
|
import Home from './Pages/Home';
|
|
import Login from './Pages/LoginForm';
|
|
import SignUp from './Pages/SignUpForm';
|
|
import Play from './Pages/Play';
|
|
import Lobby from './Pages/Lobby';
|
|
import InGame from './Pages/InGame';
|
|
|
|
import EndGame from './Pages/EndGame';
|
|
import InfoPage from './Pages/InfoPage';
|
|
|
|
import SoloGame from './Pages/SoloGame'; //! useless
|
|
import DeducGrid from './Pages/DeducGrid';
|
|
|
|
/* Component */
|
|
import AppNavbar from './Components/NavBar';
|
|
|
|
/* nav */
|
|
import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
|
|
|
|
/* Style */
|
|
import './App.css';
|
|
|
|
import { ThemeProvider } from './Style/ThemeContext';
|
|
// import theme from './Style/Theme';
|
|
|
|
/* bootstrap */
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
|
|
/* Internationnalisation */
|
|
import messagesFr from './Translations/fr.json';
|
|
import messagesEn from './Translations/en.json';
|
|
|
|
const messages = {
|
|
fr: messagesFr,
|
|
en: messagesEn,
|
|
};
|
|
|
|
function App() {
|
|
|
|
//Language par defaut
|
|
//const locale = 'fr';
|
|
const [locale, setLocale] = useState('fr');
|
|
|
|
//@ts-ignore
|
|
const changeLocale = (newLocale) => {
|
|
setLocale(newLocale);
|
|
};
|
|
|
|
|
|
//const location = useLocation();
|
|
const hasNavbarVisible = ["/", "/login", "/signup", "/play", "/lobby", "/endgame", "/deduc"]//.includes(window.location.pathname);
|
|
|
|
|
|
return (
|
|
// <div className="App">
|
|
// <header className="App-header">
|
|
// <Home />
|
|
// <img src={logo} className="App-logo" alt="logo" />
|
|
// </header>
|
|
// </div>
|
|
<GameProvider>
|
|
|
|
{/*@ts-ignore*/}
|
|
<IntlProvider locale={locale} messages={messages[locale]}>
|
|
<ThemeProvider>
|
|
<BrowserRouter>
|
|
{hasNavbarVisible && <AppNavbar changeLocale={changeLocale} />}
|
|
<Routes>
|
|
<Route path="/" element={<Home />} />
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/signup" element={<SignUp />} />
|
|
<Route path="/play" element={<Play/>} />
|
|
<Route path="/lobby" element={<Lobby/>} />
|
|
<Route path="/endgame" element={<EndGame/>} />
|
|
<Route path="/game" element={<InGame locale={locale} changeLocale={changeLocale}/>}/>
|
|
<Route path="/info" element={<InfoPage locale={locale} changeLocale={changeLocale}/>} />
|
|
<Route path="/deduc" element={<DeducGrid/>} />
|
|
{/* <Route path="/solo" element={<SoloGame locale={locale} changeLocale={changeLocale} />}/> */}
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</ThemeProvider>
|
|
</IntlProvider>
|
|
</GameProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|
|
|