created menu entry to enter join code

1 files changed, 3 insertions, 0 deletions

diff --git a/src/components/App.js b/src/components/App.js
index db5af1b..5b13230 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -33,6 +33,7 @@ const App = () => {
   const [showMessageBox, setShowMessageBox] = useState(false);
   const [message, setMessage] = useState("");
   const [isHost, setIsHost] = useState(false);
+  const [joinCode, setJoinCode] = useState();
 
   return gameStarted ? (
     <>
@@ -61,6 +62,7 @@ const App = () => {
           setScoreO={setScoreO} 
           setMessage={setMessage} 
           setShowMessage={setShowMessageBox}
+          joinCode={joinCode}
         /> : <Grid 
           turn={turn} 
           setTurn={setTurn} 
@@ -81,6 +83,7 @@ const App = () => {
         setMultiplayer={setMultiplayer}
         setGameStarted={setGameStarted}
         setIsHost={setIsHost}
+        setJoinCode={setJoinCode}
       />
       <Footer/>
     </>