FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Implement better call UI

Browse Source
This commit is contained in:
denis0001-dev
2025-09-30 22:55:43 +03:00
Unverified
parent a853164b50
commit a424ea009d
6 changed files with 507 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/chat/state.ts
+20 -4
View File
@@ -28,6 +28,7 @@ interface CallState {
remoteUserId: number | null;
remoteUsername: string | null;
isInitiator: boolean;
isMinimized: boolean;
}
interface ChatState {
@@ -72,6 +73,7 @@ interface AppState {
endCall: () => void;
setCallStatus: (status: CallStatus) => void;
toggleMute: () => void;
toggleCallMinimize: () => void;
receiveCall: (userId: number, username: string) => void;
// User state
@@ -107,7 +109,8 @@ export const useAppState = create<AppState>((set, get) => ({
isMuted: false,
remoteUserId: null,
remoteUsername: null,
isInitiator: false
isInitiator: false,
isMinimized: false
}
},
addMessage: (message: Message) => set((state) => {
@@ -400,7 +403,8 @@ export const useAppState = create<AppState>((set, get) => ({
isMuted: false,
remoteUserId: userId,
remoteUsername: username,
isInitiator: true
isInitiator: true,
isMinimized: false
}
}
})),
@@ -415,7 +419,8 @@ export const useAppState = create<AppState>((set, get) => ({
isMuted: false,
remoteUserId: null,
remoteUsername: null,
isInitiator: false
isInitiator: false,
isMinimized: false
}
}
})),
@@ -440,6 +445,16 @@ export const useAppState = create<AppState>((set, get) => ({
}
}
})),
toggleCallMinimize: () => set((state) => ({
chat: {
...state.chat,
call: {
...state.chat.call,
isMinimized: !state.chat.call.isMinimized
}
}
})),
receiveCall: (userId: number, username: string) => set((state) => ({
chat: {
@@ -451,7 +466,8 @@ export const useAppState = create<AppState>((set, get) => ({
isMuted: false,
remoteUserId: userId,
remoteUsername: username,
isInitiator: false
isInitiator: false,
isMinimized: false
}
}
}))