Refactor for fetching a single user

Author: TOPOFGR

src/pages/User/index.jsx

@@ -11,10 +11,9 @@ import { useFormatMessage } from 'hooks';
 const User = () => {
   const { id } = useParams();
 
-  const { success, usersList, userData, error } = useSelector(
+  const { success, userData, error } = useSelector(
     (state) => ({
       success: state.users.success,
-      usersList: state.users.list,
       userData: state.users.user,
       error: state.users.error,
     }),
@@ -27,12 +26,7 @@ const User = () => {
 
   useEffect(() => {
     if (id) {
-      const userFetched = usersList.find(
-        (fetchedUser) => fetchedUser.id === id
-      );
-      if (userFetched) {
-        setUser(userFetched);
-      } else if (userData.id === id) {
+      if (userData.id === id) {
         setUser(userData);
       } else {
         dispatch(fetchUsers(id));

src/state/actions/users.js

@@ -41,6 +41,19 @@ export const fetchUsers = (userId = '') => {
 
     dispatch(USERS_FETCH_DATA_INIT());
     if (userId) {
+      const userFetched = getState().users.list.find(
+        (fetchedUser) => fetchedUser.id === userId
+      );
+
+      if (userId) {
+        return dispatch(
+          USERS_FETCH_DATA_SUCCESS({
+            list: getState().users.list,
+            user: userFetched,
+          })
+        );
+      }
+
       let userData;
       try {
         userData = (