React interview test refactor

README.md

@@ -1,20 +1,16 @@
-# react-task
-
-The minimal dev environment to enable live-editing React components.
-
 ## Usage
 
 ```
-npm install
-npm start
+yarn install
+yarn start
 open http://localhost:3000
 ```
 
 ## Task
 
 - Please add pagination support to the list when there are more than 2 entries
 - Please add option to select sex of a friend male/female and display it
-- Please add tests using your preferred testing tool (mocha, should.js ...)
+- Please add tests using your preferred testing tool (jest, mocha, should.js ...)
 
 ## Objectives
 

src/reducers/friendlist.js

@@ -3,13 +3,16 @@ import * as types from '../constants/ActionTypes';
 const initialState = {
   friendsById: [
     {
-      name: 'Theodore Roosevelt'
+      name: 'Theodore Roosevelt',
+      starred: true
     },
     {
-      name: 'Abraham Lincoln'
+      name: 'Abraham Lincoln',
+      starred: false
     },
     {
-      name: 'George Washington'
+      name: 'George Washington',
+      starred: false
     }
   ]
 };
@@ -32,7 +35,13 @@ export default function friends(state = initialState, action) {
         friendsById: state.friendsById.filter((item, index) => index !== action.id)
       };
     case types.STAR_FRIEND:
-      return state;
+      let friends = [...state.friendsById];
+      let friend = friends.find((item, index) => index === action.id);
+      friend.starred = !friend.starred;
+      return {
+        ...state,
+        friendsById: friends
+      };
 
     default:
       return state;