feat: open modal in correct tab

src/renderer/src/features/user-details-slice.ts

@@ -1,18 +1,21 @@
 import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+import { UserFriendModalTab } from "@renderer/pages/shared-modals/user-friend-modal";
 import type { FriendRequest, UserDetails } from "@types";
 
 export interface UserDetailsState {
   userDetails: UserDetails | null;
   profileBackground: null | string;
   friendRequests: FriendRequest[] | null;
-  showFriendRequestsModal: boolean;
+  showFriendsModal: boolean;
+  friendRequetsModalTab: UserFriendModalTab | null;
 }
 
 const initialState: UserDetailsState = {
   userDetails: null,
   profileBackground: null,
   friendRequests: null,
-  showFriendRequestsModal: false,
+  showFriendsModal: false,
+  friendRequetsModalTab: null,
 };
 
 export const userDetailsSlice = createSlice({
@@ -31,8 +34,14 @@ export const userDetailsSlice = createSlice({
     ) => {
       state.friendRequests = action.payload;
     },
-    setShowFriendRequestsModal: (state, action: PayloadAction<boolean>) => {
-      state.showFriendRequestsModal = action.payload;
+    setshowFriendsModal: (state, action: PayloadAction<boolean>) => {
+      state.showFriendsModal = action.payload;
+    },
+    setFriendRequestsModal: (
+      state,
+      action: PayloadAction<UserFriendModalTab | null>
+    ) => {
+      state.friendRequetsModalTab = action.payload;
     },
   },
 });
@@ -41,5 +50,6 @@ export const {
   setUserDetails,
   setProfileBackground,
   setFriendRequests,
-  setShowFriendRequestsModal,
+  setshowFriendsModal,
+  setFriendRequestsModal,
 } = userDetailsSlice.actions;