redundant context removed
This commit is contained in:
parent
1f1d360542
commit
0375e26ae6
85
src/App.tsx
85
src/App.tsx
|
|
@ -1,7 +1,6 @@
|
|||
// Modules
|
||||
import { Routes, Route } from "react-router-dom";
|
||||
import { useState, useMemo } from "react";
|
||||
import { EventContext } from "./context/LoaderContext";
|
||||
import { useState } from "react";
|
||||
|
||||
// Styles
|
||||
import "./styles/style.scss";
|
||||
|
|
@ -12,9 +11,6 @@ import Nav from "./components/global/Nav";
|
|||
import Footer from "./components/global/Footer";
|
||||
import Burger from "./components/global/Burger";
|
||||
|
||||
// Type
|
||||
import { loaderType } from "./types/contextType";
|
||||
|
||||
// Pages
|
||||
import Main from "./pages/Main";
|
||||
import Events from "./pages/Events";
|
||||
|
|
@ -35,53 +31,44 @@ const App = () => {
|
|||
const [dropdownBurger, setDropdownBurger] = useState(false);
|
||||
const [dropdown, setDropdown]: drop = useState(false);
|
||||
const [burgerOpen, setBurgerOpen]: drop = useState(false);
|
||||
const [eventData, setEventData]: loaderType = useState(null);
|
||||
|
||||
// Stack state into Memo
|
||||
const loaderValue = useMemo(
|
||||
() => ({ eventData, setEventData }),
|
||||
[eventData, setEventData]
|
||||
);
|
||||
|
||||
return (
|
||||
<EventContext.Provider value={loaderValue}>
|
||||
<div className="App">
|
||||
<Nav
|
||||
dropdown={dropdown}
|
||||
setDropdown={setDropdown}
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
/>
|
||||
<Burger
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
dropdownBurger={dropdownBurger}
|
||||
setDropdownBurger={setDropdownBurger}
|
||||
/>
|
||||
<div className="inner-body">
|
||||
<Routes>
|
||||
<Route path="/" element={<Main />} />
|
||||
<Route path="/news" element={<Events />} />
|
||||
<Route path="/rating" element={<Rating />} />
|
||||
<Route path="/profile" element={<Profile />} />
|
||||
<Route path="/event/:eventId" element={<EventItem />} />
|
||||
<Route path="/structure" element={<Structure />} />
|
||||
<Route path="/contact" element={<Contacts />} />
|
||||
<Route path="/about-us" element={<AboutUs />} />
|
||||
<Route path="/tournaments" element={<Tournaments />} />
|
||||
<Route path="/player/:playerId" element={<PlayerProfile />} />
|
||||
</Routes>
|
||||
</div>
|
||||
<Footer
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
dropdown={dropdown}
|
||||
setDropdown={setDropdown}
|
||||
dropdownBurger={dropdownBurger}
|
||||
setDropdownBurger={setDropdownBurger}
|
||||
/>
|
||||
<div className="App">
|
||||
<Nav
|
||||
dropdown={dropdown}
|
||||
setDropdown={setDropdown}
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
/>
|
||||
<Burger
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
dropdownBurger={dropdownBurger}
|
||||
setDropdownBurger={setDropdownBurger}
|
||||
/>
|
||||
<div className="inner-body">
|
||||
<Routes>
|
||||
<Route path="/" element={<Main />} />
|
||||
<Route path="/news" element={<Events />} />
|
||||
<Route path="/rating" element={<Rating />} />
|
||||
<Route path="/profile" element={<Profile />} />
|
||||
<Route path="/event/:eventId" element={<EventItem />} />
|
||||
<Route path="/structure" element={<Structure />} />
|
||||
<Route path="/contact" element={<Contacts />} />
|
||||
<Route path="/about-us" element={<AboutUs />} />
|
||||
<Route path="/tournaments" element={<Tournaments />} />
|
||||
<Route path="/player/:playerId" element={<PlayerProfile />} />
|
||||
</Routes>
|
||||
</div>
|
||||
</EventContext.Provider>
|
||||
<Footer
|
||||
burgerOpen={burgerOpen}
|
||||
setBurgerOpen={setBurgerOpen}
|
||||
dropdown={dropdown}
|
||||
setDropdown={setDropdown}
|
||||
dropdownBurger={dropdownBurger}
|
||||
setDropdownBurger={setDropdownBurger}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +0,0 @@
|
|||
import { createContext } from "react";
|
||||
import { loaderType } from "../types/contextType";
|
||||
|
||||
export const EventContext = createContext<loaderType | null>(null);
|
||||
|
|
@ -1 +0,0 @@
|
|||
export type loaderType = any;
|
||||
Loading…
Reference in New Issue