From 844f0f6673bb9616e3fc3ead5834c1122082463e Mon Sep 17 00:00:00 2001 From: Francisco Pessano Date: Fri, 15 Oct 2021 18:56:07 -0300 Subject: [PATCH] Categories started --- public/index.html | 2 +- src/App.js | 17 +++++++-- src/components/Categories/Categories.jsx | 35 +++++++++++++++++++ .../Firebase Querys/Bring All Categories.js | 27 ++++++++++++++ src/components/Header.jsx | 12 ++++--- 5 files changed, 85 insertions(+), 8 deletions(-) create mode 100644 src/components/Categories/Categories.jsx create mode 100644 src/components/Categories/Firebase Querys/Bring All Categories.js diff --git a/public/index.html b/public/index.html index 265de18..d8ea81b 100644 --- a/public/index.html +++ b/public/index.html @@ -34,7 +34,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Hangman game diff --git a/src/App.js b/src/App.js index d994df1..392a66a 100644 --- a/src/App.js +++ b/src/App.js @@ -8,6 +8,7 @@ import Defeat from "./components/Hangman/PuzzleWord/Defeat"; import Loading from "./components/Loading"; import AlmacenateCurrentScore from "./components/Scripts/AlmacenateCurrentScore"; import DetermineUserLanguage from "./components/Scripts/DetermineUserLanguage"; +import Categories from "./components/Categories/Categories"; function App() { @@ -22,6 +23,7 @@ function App() { const [isDefeat, setIsDefeat] = useState(false) const [displayApp, setDisplayApp] = useState(false) + const [displayCategories, setDisplayCategories] = useState(false) React.useEffect(() => { @@ -60,11 +62,14 @@ function App() { }, 3000) } - - return ( <> -
+
@@ -86,6 +91,12 @@ function App() { {!displayApp ? : null } + {displayCategories ? +