From bb19567efa9f7f71fdafef281bab8bba2c066e69 Mon Sep 17 00:00:00 2001
From: Vlad Piersec <vlad.piersec@8x8.com>
Date: Tue, 16 Mar 2021 15:45:23 +0200
Subject: [PATCH] fix(prejoin): Use localFlipX on prejoin screen

---
 .../base/premeeting/components/web/Preview.js         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/react/features/base/premeeting/components/web/Preview.js b/react/features/base/premeeting/components/web/Preview.js
index 6a00845f6..8cf895dc3 100644
--- a/react/features/base/premeeting/components/web/Preview.js
+++ b/react/features/base/premeeting/components/web/Preview.js
@@ -8,6 +8,11 @@ import { getLocalVideoTrack } from '../../../tracks';
 
 export type Props = {
 
+    /**
+     * Flag controlling whether the video should be flipped or not.
+     */
+    flipVideo: boolean,
+
     /**
      * Flag signaling the visibility of camera preview.
      */
@@ -26,13 +31,14 @@ export type Props = {
  * @returns {ReactElement}
  */
 function Preview(props: Props) {
-    const { videoMuted, videoTrack } = props;
+    const { videoMuted, videoTrack, flipVideo } = props;
+    const className = flipVideo ? 'flipVideoX' : '';
 
     if (!videoMuted && videoTrack) {
         return (
             <div id = 'preview'>
                 <Video
-                    className = 'flipVideoX'
+                    className = { className }
                     videoTrack = {{ jitsiTrack: videoTrack }} />
             </div>
         );
@@ -50,6 +56,7 @@ function Preview(props: Props) {
  */
 function _mapStateToProps(state, ownProps) {
     return {
+        flipVideo: state['features/base/settings'].localFlipX,
         videoMuted: ownProps.videoTrack ? ownProps.videoMuted : state['features/base/media'].video.muted,
         videoTrack: ownProps.videoTrack || (getLocalVideoTrack(state['features/base/tracks']) || {}).jitsiTrack
     };