contine with second fetch post request in reducer, try to get direction button to work in GameScreen

Author: Frivridna

code/src/components/GameScreen.js

@@ -1,14 +1,24 @@
-import React from 'react'
-import { useSelector } from 'react-redux'
+import React, { useState } from 'react'
+import { useSelector, useDispatch } from 'react-redux'
+
+import { games, CarryOnGame } from '../reducers/games'
+
+const GameScreen = ({ inputValue }) => {
+  const [inputDirection, setInputDirection] = useState([])
 
-const GameScreen = () => {
   const userActions = useSelector(store => store.games.username)
   // console.log(userActions)
 
   const games = useSelector(store => store.games.username.actions)
   // const games = useSelector(store => store.games)
   console.log(games)
 
+  const dispatch = useDispatch()
+
+/*   const onNextDirection = () => {
+    dispatch(games.actions.setInputDirection(inputDirection))
+    dispatch(CarryOnGame(inputValue)) // ? 
+  }  */
 
   //The optional chaining operator (?.) 
   //enables you to read the value of a property located deep within 
@@ -20,7 +30,10 @@ const GameScreen = () => {
         {games?.map( (game, index) => (
             <div key={index}>
               <p>{game.description}</p>
-              <button>{game.direction}</button>
+              <button
+                  onClick={() => dispatch()}>
+                      {game.direction}
+              </button>
             </div>
           )
         )}

code/src/reducers/games.js

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