Question UI

src/Reducer/RootReducer.js

@@ -5,12 +5,9 @@ const initialState = {
 const RootReducer = (state=initialState, action) =>{
     switch(action.type){
         case 'ADD_QUESTIONS':
-            let filtered_actions = action.payload.filter(question => {
-                return question.id;
-            })
             return {
                 ...state,
-                questions: filtered_actions
+                questions: action.payload
             }
         default:
             return state;

src/actionCreators/AddQuestion.js

@@ -1,7 +1,6 @@
 const addQuestions = (id,data) => {
     return {
         type: 'ADD_QUESTIONS',
-        id:id,
         payload: data
     }
 }

src/actionCreators/AddThunkQuestion.js

@@ -1,11 +1,10 @@
 import addQuestions from './AddQuestion';
-// import { useState } from 'react';
 
 const AddThunkQuestion = () => {
     return (dispatch) => {
         fetch('http://localhost:3001/questions')
             .then(res => res.json())
-            .then(res => {dispatch(addQuestions(Math.floor(Math.random()*3)+1,res))})
+            .then(res => {dispatch(addQuestions(res))})
     };
 }
 

src/components/QuestionBox.js

@@ -50,5 +50,4 @@ const QuestionBox = () => {
     )
 }
 
-export default QuestionBox;
-//Math.floor(Math.random()*3)+1
+export default QuestionBox;