redundant context removed

This commit is contained in:
VividTruthKeeper 2022-08-21 15:52:31 +05:00
parent 1f1d360542
commit 0375e26ae6
3 changed files with 36 additions and 54 deletions

View File

@ -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>
);
};

View File

@ -1,4 +0,0 @@
import { createContext } from "react";
import { loaderType } from "../types/contextType";
export const EventContext = createContext<loaderType | null>(null);

View File

@ -1 +0,0 @@
export type loaderType = any;