snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/conference/components/native/carmode/CarMode.tsx

@@ -0,0 +1,73 @@
+import React, { useEffect } from 'react';
+import { View, ViewStyle } from 'react-native';
+import Orientation from 'react-native-orientation-locker';
+import { withSafeAreaInsets } from 'react-native-safe-area-context';
+import { useDispatch, useSelector } from 'react-redux';
+
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
+import TintedView from '../../../../base/react/components/native/TintedView';
+import { isLocalVideoTrackDesktop } from '../../../../base/tracks/functions.native';
+import { setPictureInPictureEnabled } from '../../../../mobile/picture-in-picture/functions';
+import { setIsCarmode } from '../../../../video-layout/actions';
+import ConferenceTimer from '../../ConferenceTimer';
+import { isConnecting } from '../../functions';
+
+import CarModeFooter from './CarModeFooter';
+import MicrophoneButton from './MicrophoneButton';
+import TitleBar from './TitleBar';
+import styles from './styles';
+
+/**
+ * Implements the carmode component.
+ *
+ * @returns { JSX.Element} - The carmode component.
+ */
+const CarMode = (): JSX.Element => {
+    const dispatch = useDispatch();
+    const connecting = useSelector(isConnecting);
+    const isSharing = useSelector(isLocalVideoTrackDesktop);
+
+    useEffect(() => {
+        dispatch(setIsCarmode(true));
+        setPictureInPictureEnabled(false);
+        Orientation.lockToPortrait();
+
+        return () => {
+            Orientation.unlockAllOrientations();
+            dispatch(setIsCarmode(false));
+            if (!isSharing) {
+                setPictureInPictureEnabled(true);
+            }
+        };
+    }, []);
+
+    return (
+        <JitsiScreen
+            footerComponent = { CarModeFooter }
+            style = { styles.conference }>
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.titleBarSafeViewColor as ViewStyle }>
+                <View
+                    style = { styles.titleBar as ViewStyle }>
+                    <TitleBar />
+                </View>
+                <ConferenceTimer textStyle = { styles.roomTimer } />
+            </View>
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.microphoneContainer as ViewStyle }>
+                <MicrophoneButton />
+            </View>
+            {
+                connecting
+                && <TintedView>
+                    <LoadingIndicator />
+                </TintedView>
+            }
+        </JitsiScreen>
+    );
+};
+
+export default withSafeAreaInsets(CarMode);