move GameScreen to App for the moment because it was mounted inside <form> tag and 2nd fetch executed all the time

Author: Frivridna

code/src/App.js

@@ -4,14 +4,16 @@ import { combineReducers, configureStore } from '@reduxjs/toolkit'
 
 import { games } from './reducers/games'
 import StartScreen from 'components/StartScreen'
+import GameScreen from './components/GameScreen'
 
 const reducer = combineReducers({ games: games.reducer })
 const store = configureStore({ reducer })
 
 export const App = () => {
   return (
     <Provider store={store}>
-      <StartScreen/>
+      <StartScreen/> 
+        <GameScreen />
     </Provider>
   )
 }

code/src/components/GameScreen.js

@@ -10,7 +10,7 @@ const GameScreen = ({ inputValue }) => {
 
   const actions = useSelector(store => store.games.username.actions)
   // const games = useSelector(store => store.games)
-  console.log(actions)
+  //console.log(actions)
 
   const dispatch = useDispatch()
 

code/src/components/StartScreen.js

@@ -28,7 +28,6 @@ const StartScreen = () => {
                 placeholder="Type your name..."
             />
             <button onClick={onFormSubmit}>Start</button>
-            <GameScreen />
         </form>
     )
 }

code/src/reducers/games.js

@@ -48,11 +48,10 @@ export const CarryOnGame = (direction) => {
             body: JSON.stringify({
                 username: getState().games.username,
                 type: 'move',
-                direction
+                direction: direction
             }),
         })
         .then(res => res.json())
-//        .then(data => console.log(data))
         .then(data => dispatch(games.actions.setGameStatus(data)))
     }
 }