Change conversation during call
- Add `CallManagerProvider` to manage calls when the user navigates away from the call interface.
- Delete `NotificationManager`. Move its logic to `CallManagerProvider`.
- Rework routing
- Rework `ConversationProvider` and `useConversationQuery` to remove
unecessary states
GitLab: #172
Change-Id: I4a786a3dd52159680e5712e598d9b831525fb63f
diff --git a/client/src/components/ConversationListItem.tsx b/client/src/components/ConversationListItem.tsx
index d94733d..3f5dad3 100644
--- a/client/src/components/ConversationListItem.tsx
+++ b/client/src/components/ConversationListItem.tsx
@@ -23,9 +23,9 @@
import { useNavigate } from 'react-router-dom';
import { useAuthContext } from '../contexts/AuthProvider';
+import { CallManagerContext } from '../contexts/CallManagerProvider';
import { useConversationContext } from '../contexts/ConversationProvider';
import { MessengerContext } from '../contexts/MessengerProvider';
-import { useStartCall } from '../hooks/useStartCall';
import { Conversation } from '../models/conversation';
import { setRefreshFromSlice } from '../redux/appSlice';
import { useAppDispatch } from '../redux/hooks';
@@ -104,6 +104,7 @@
}: ConversationMenuProps) => {
const { t } = useTranslation();
const { axiosInstance } = useAuthContext();
+ const { startCall } = useContext(CallManagerContext);
const [isSwarm] = useState(true);
const detailsDialogHandler = useDialogHandler();
@@ -112,8 +113,6 @@
const navigate = useNavigate();
- const startCall = useStartCall();
-
const getContactDetails = useCallback(async () => {
const controller = new AbortController();
try {
@@ -140,7 +139,10 @@
Icon: AudioCallIcon,
onClick: () => {
if (conversationId) {
- startCall(conversationId);
+ startCall({
+ conversationId,
+ role: 'caller',
+ });
}
},
},
@@ -149,8 +151,10 @@
Icon: VideoCallIcon,
onClick: () => {
if (conversationId) {
- startCall(conversationId, {
- isVideoOn: true,
+ startCall({
+ conversationId,
+ role: 'caller',
+ withVideoOn: true,
});
}
},