Merge pull request #187 from shravyaramesh/tma538-friend-requests

[TMA485] friend request frontend

2 files changed, 126 insertions, 13 deletions

diff --git a/src/store/actions/userFriends.ts b/src/store/actions/userFriends.ts
index 24e32607..18ad247c 100644
--- a/src/store/actions/userFriends.ts
+++ b/src/store/actions/userFriends.ts
@@ -1,9 +1,24 @@
 import {getTokenOrLogout} from '../../utils';
 import {RootState} from '../rootReducer';
-import {ProfilePreviewType, UserType} from '../../types/types';
-import {friendOrUnfriendUser, loadFriends} from '../../services';
+import {
+  FriendshipStatusType,
+  ProfilePreviewType,
+  ScreenType,
+  UserType,
+} from '../../types/types';
+import {
+  acceptFriendRequestService,
+  declineFriendRequestService,
+  friendOrUnfriendUser,
+  loadFriends,
+} from '../../services';
 import {Action, ThunkAction} from '@reduxjs/toolkit';
-import {userFriendsFetched, updateFriends} from '../reducers';
+import {
+  userFriendsFetched,
+  updateFriends,
+  userXFriendshipEdited,
+  userLoggedIn,
+} from '../reducers';
 
 export const loadFriendsData = (
   userId: string,
@@ -23,26 +38,67 @@ export const loadFriendsData = (
 };
 
 export const friendUnfriendUser = (
-  user: UserType,
-  friend: ProfilePreviewType,
-  isFriend: boolean,
+  user: UserType, //logged in user
+  friend: ProfilePreviewType, // userX's profile preview
+  friendship_status: FriendshipStatusType, // friendshp status with userx
+  screenType: ScreenType, //screentype from content
 ): ThunkAction<Promise<void>, RootState, unknown, Action<string>> => async (
   dispatch,
 ) => {
   try {
     const token = await getTokenOrLogout(dispatch);
+    // Calls method to send post or delete request
     const success = await friendOrUnfriendUser(
       user.userId,
       friend.id,
       token,
-      isFriend,
+      friendship_status,
     );
     if (success) {
+      let data = 'no_record';
+      switch (friendship_status) {
+        case 'no_record': // send request: update to requested
+          data = 'requested';
+          break;
+        case 'requested': // cancel request: update to no relationship
+        case 'friends': // unfriend: update to no relationship
+          dispatch({
+            type: updateFriends.type,
+            payload: {
+              friend,
+              isFriend: true,
+            },
+          });
+          data = 'no_record';
+      }
+      dispatch({
+        type: userXFriendshipEdited.type,
+        payload: {
+          userId: friend.id,
+          screenType,
+          data,
+        },
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+export const acceptFriendRequest = (
+  requester: ProfilePreviewType,
+): ThunkAction<Promise<void>, RootState, unknown, Action<string>> => async (
+  dispatch,
+) => {
+  try {
+    const token = await getTokenOrLogout(dispatch);
+    const success = await acceptFriendRequestService(requester.id, token);
+    if (success) {
       dispatch({
         type: updateFriends.type,
         payload: {
-          isFriend,
-          data: friend,
+          data: requester,
+          isFriend: false,
         },
       });
     }
@@ -50,3 +106,28 @@ export const friendUnfriendUser = (
     console.log(error);
   }
 };
+
+export const declineFriendRequest = (
+  user_id: string,
+): ThunkAction<Promise<void>, RootState, unknown, Action<string>> => async (
+  dispatch,
+) => {
+  try {
+    const token = await getTokenOrLogout(dispatch);
+    const success = await declineFriendRequestService(user_id, token);
+    if (success) {
+      // Get profile of requester
+      console.log('declined request: ', success);
+      // dispatch({
+      //   type: updateFriends.type,
+      //   payload: {
+      //     data: requester, // has to be a requester not id
+      //   },
+      // });
+    } else {
+      console.log('Unsuccessful call');
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
diff --git a/src/store/actions/userX.ts b/src/store/actions/userX.ts
index 0f87012d..07bea678 100644
--- a/src/store/actions/userX.ts
+++ b/src/store/actions/userX.ts
@@ -38,12 +38,12 @@ export const loadUserX = (
       payload: {screenType, userId, user},
     });
     const token = await getTokenOrLogout(dispatch);
-    loadProfileInfo(token, userId).then((data) =>
+    loadProfileInfo(token, userId).then((data) => {
       dispatch({
         type: userXProfileFetched.type,
         payload: {screenType, userId, data},
-      }),
-    );
+      });
+    });
     loadAllSocialsForUser(userId).then((data) =>
       dispatch({
         type: userXSocialsFetched.type,
@@ -92,7 +92,11 @@ export const updateUserXFriends = (
   dispatch,
 ) => {
   try {
-    const screens = <ScreenType[]>[ScreenType.Profile, ScreenType.Search];
+    const screens = <ScreenType[]>[
+      ScreenType.Profile,
+      ScreenType.Search,
+      ScreenType.Notifications,
+    ];
     const token = await getTokenOrLogout(dispatch);
     screens.forEach((screenType) => {
       if (userXInStore(state, screenType, userId)) {
@@ -123,3 +127,31 @@ export const resetScreenType = (
     console.log(error);
   }
 };
+
+export const updateUserXProfileAllScreens = (
+  userId: string,
+  state: RootState,
+): ThunkAction<Promise<void>, RootState, unknown, Action<string>> => async (
+  dispatch,
+) => {
+  try {
+    const screens = <ScreenType[]>[
+      ScreenType.Profile,
+      ScreenType.Search,
+      ScreenType.Notifications,
+    ];
+    const token = await getTokenOrLogout(dispatch);
+    screens.forEach((screenType) => {
+      if (userXInStore(state, screenType, userId)) {
+        loadProfileInfo(token, userId).then((data) => {
+          dispatch({
+            type: userXProfileFetched.type,
+            payload: {screenType, userId, data},
+          });
+        });
+      }
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};