feat: use empty list

This commit is contained in:
Zamitto 2024-07-16 22:02:17 -03:00
parent 004ccd0db5
commit d4902a5ab1
3 changed files with 5 additions and 8 deletions

View file

@ -83,7 +83,7 @@ export function SidebarProfile() {
)} )}
</div> </div>
</button> </button>
{userDetails && friendRequests?.length && !gameRunning && ( {userDetails && friendRequests.length > 0 && !gameRunning && (
<div className={styles.friendRequestContainer}> <div className={styles.friendRequestContainer}>
<button <button
type="button" type="button"

View file

@ -5,7 +5,7 @@ import type { FriendRequest, UserDetails } from "@types";
export interface UserDetailsState { export interface UserDetailsState {
userDetails: UserDetails | null; userDetails: UserDetails | null;
profileBackground: null | string; profileBackground: null | string;
friendRequests: FriendRequest[] | null; friendRequests: FriendRequest[];
showFriendsModal: boolean; showFriendsModal: boolean;
friendRequetsModalTab: UserFriendModalTab | null; friendRequetsModalTab: UserFriendModalTab | null;
} }
@ -13,7 +13,7 @@ export interface UserDetailsState {
const initialState: UserDetailsState = { const initialState: UserDetailsState = {
userDetails: null, userDetails: null,
profileBackground: null, profileBackground: null,
friendRequests: null, friendRequests: [],
showFriendsModal: false, showFriendsModal: false,
friendRequetsModalTab: null, friendRequetsModalTab: null,
}; };
@ -28,10 +28,7 @@ export const userDetailsSlice = createSlice({
setProfileBackground: (state, action: PayloadAction<string | null>) => { setProfileBackground: (state, action: PayloadAction<string | null>) => {
state.profileBackground = action.payload; state.profileBackground = action.payload;
}, },
setFriendRequests: ( setFriendRequests: (state, action: PayloadAction<FriendRequest[]>) => {
state,
action: PayloadAction<FriendRequest[] | null>
) => {
state.friendRequests = action.payload; state.friendRequests = action.payload;
}, },
setshowFriendsModal: (state, action: PayloadAction<boolean>) => { setshowFriendsModal: (state, action: PayloadAction<boolean>) => {

View file

@ -91,7 +91,7 @@ export function useUserDetails() {
const updateFriendRequests = useCallback(async () => { const updateFriendRequests = useCallback(async () => {
const friendRequests = await window.electron.getFriendRequests(); const friendRequests = await window.electron.getFriendRequests();
dispatch(setFriendRequests(friendRequests)); dispatch(setFriendRequests(friendRequests || []));
}, [dispatch]); }, [dispatch]);
const setShowFriendsModal = useCallback( const setShowFriendsModal = useCallback(