move previewScreen component to previewScreen folder, remove using Toast notification use instead simple alert

Author: bohdanprog

example/hooks/useToggleCamera.ts

@@ -1,24 +1,20 @@
 import { useCallback } from 'react';
-import { Platform } from 'react-native';
-import * as Device from 'expo-device';
-import Toast from 'react-native-toast-message';
+
 import {
   updateVideoTrackMetadata,
   useCamera,
 } from '@fishjam-dev/react-native-client';
+import {
+  displayIosSimulatorCameraAlert,
+  isIosSimulator,
+} from '../utils/deviceUtils';
 
 export function useToggleCamera() {
-  const isIosEmulator = Platform.OS === 'ios' && !Device.isDevice;
   const { isCameraOn, toggleCamera: membraneToggleCamera } = useCamera();
 
   const toggleCamera = useCallback(async () => {
-    if (isIosEmulator) {
-      Toast.show({
-        type: 'info',
-        text1: 'Camera is not supported on the iOS emulator',
-        text2: 'Please run the app on a real device to use the camera',
-      });
-
+    if (isIosSimulator) {
+      displayIosSimulatorCameraAlert();
       return;
     }
 

example/screens/PreviewScreen.tsx example/screens/PreviewScreen/index.tsx

@@ -16,22 +16,22 @@ import {
   View,
 } from 'react-native';
 
-import { InCallButton } from '../components';
-import LetterButton from '../components/LetterButton';
-import { NoCameraView } from '../components/NoCameraView';
-import { SoundOutputDevicesBottomSheet } from '../components/SoundOutputDevicesBottomSheet';
-import VideoPreview from '../components/VideoPreview';
-import type { AppRootStackParamList } from '../navigators/AppNavigator';
-import { previewScreenLabels } from '../types/ComponentLabels';
-import { BrandColors } from '../utils/Colors';
-import { usePreventBackButton } from '../hooks/usePreventBackButton';
+import { InCallButton } from '../../components';
+import LetterButton from '../../components/LetterButton';
+import { NoCameraView } from '../../components/NoCameraView';
+import { SoundOutputDevicesBottomSheet } from '../../components/SoundOutputDevicesBottomSheet';
+import VideoPreview from '../../components/VideoPreview';
+import type { AppRootStackParamList } from '../../navigators/AppNavigator';
+import { previewScreenLabels } from '../../types/ComponentLabels';
+import { BrandColors } from '../../utils/Colors';
+import { usePreventBackButton } from '../../hooks/usePreventBackButton';
 import {
   displayIosSimulatorCameraAlert,
   isIosSimulator,
-} from '../utils/deviceUtils';
-import { SwitchOutputDeviceButton } from './PreviewScreen/SwitchOutputDeviceButton';
-import { SwitchCameraButton } from './PreviewScreen/SwitchCameraButton';
-import { ToggleCameraButton } from './PreviewScreen/ToggleCameraButton';
+} from '../../utils/deviceUtils';
+import { SwitchOutputDeviceButton } from './SwitchOutputDeviceButton';
+import { SwitchCameraButton } from './SwitchCameraButton';
+import { ToggleCameraButton } from './ToggleCameraButton';
 
 type Props = NativeStackScreenProps<AppRootStackParamList, 'Preview'>;
 const { JOIN_BUTTON, TOGGLE_MICROPHONE_BUTTON } = previewScreenLabels;