make GameScreen and print description

Author: Frivridna

code/src/components/GameScreen.js

@@ -0,0 +1,27 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const GameScreen = () => {
+  const userActions = useSelector(store => store.games.username)
+  // console.log(userActions)
+  
+  const games = useSelector(store => store.games.username.actions)
+  console.log(games)
+
+  return (
+    <div>
+      <h3>{userActions.description}</h3>
+      {/* <p>{games.description}</p> */}
+{/*         {userActions.map(action => (
+          <button
+            key={action}  
+            onClick=""
+          >
+              {action}
+          </button>
+      ))} */}
+    </div>
+  )
+}
+
+export default GameScreen

code/src/components/StartScreen.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import { useDispatch } from 'react-redux'
 
 import { games, createNewPlayer } from '../reducers/games'
+import GameScreen from './GameScreen'
 
 const StartScreen = () => {
     const [inputValue, setInputValue] = useState('')
@@ -27,6 +28,7 @@ const StartScreen = () => {
                 placeholder="Type your name..."
             />
             <button onClick={onFormSubmit}>Start</button>
+            <GameScreen />
         </form>
     )
 }

code/src/reducers/games.js

@@ -29,9 +29,29 @@ export const createNewPlayer = (username) => {
                 username: `${username}`
             }),
         })
-        .then((res) => res.json())
+        .then(res => res.json())
         .then(data => dispatch(games.actions.setUserName(data)))
     }
 }
 
+// map over actions send in action ? 
+// type: 'move',
+// direction: action.direction
+
+/* export const CarryOnGame = () => {
+    return (dispatch) => {
+        fetch('https://wk16-backend.herokuapp.com/action', {
+            method: 'POST',
+            headers: {
+                'Content-type': 'application/json'
+            },
+            body: JSON.stringify({
+                direction
+            }),
+        })
+        .then(res => res.json())
+        .then(data => dispatch(games.actions.setDescription(data)))
+    }
+}
+ */
 export default games