Fix permissions in call
Change flow to ask permissions as soon as the user is in the call page
Change-Id: I1fb140ab17602bd0584714cbddb177b24a9eed01
diff --git a/client/src/contexts/CallProvider.tsx b/client/src/contexts/CallProvider.tsx
index 6b8d4ee..93ec5b5 100644
--- a/client/src/contexts/CallProvider.tsx
+++ b/client/src/contexts/CallProvider.tsx
@@ -114,10 +114,6 @@
const contactUri = useMemo(() => conversation.getFirstMember().contact.getUri(), [conversation]);
useEffect(() => {
- if (!isConnected) {
- return;
- }
-
try {
// TODO: Wait until status is `InCall` before getting devices
navigator.mediaDevices.enumerateDevices().then((devices) => {
@@ -154,7 +150,7 @@
// TODO: Better handle user denial
console.error('Could not get media devices:', e);
}
- }, [isConnected]);
+ }, []);
useEffect(() => {
if (localStream && webRtcConnection) {
diff --git a/client/src/index.tsx b/client/src/index.tsx
index 0fa4b14..9596deb 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -20,7 +20,6 @@
import './i18n';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { Provider } from 'react-redux';
import { RouterProvider } from 'react-router-dom';
@@ -44,12 +43,13 @@
const root = createRoot(container);
root.render(
<Provider store={store}>
- <StrictMode>
- <QueryClientProvider client={queryClient}>
- <CustomThemeProvider>
- <RouterProvider router={router} />
- </CustomThemeProvider>
- </QueryClientProvider>
- </StrictMode>
+ {/* TODO: Put back StrictMode once issues with calling are fixed */}
+ {/* <StrictMode> */}
+ <QueryClientProvider client={queryClient}>
+ <CustomThemeProvider>
+ <RouterProvider router={router} />
+ </CustomThemeProvider>
+ </QueryClientProvider>
+ {/* </StrictMode> */}
</Provider>
);