From b44cabe6f9f27fd3c6a4768bf03265916c92c7e1 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Wed, 18 Nov 2020 13:04:03 -0600
Subject: [PATCH] Calling: mirror local video in PiP and lobby

---
 stylesheets/_modules.scss      | 7 +++++++
 ts/components/CallingLobby.tsx | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 94fbc8e528..a22f5e7831 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -6403,6 +6403,12 @@ button.module-image__border-overlay:focus {
     width: 100%;
   }
 
+  &__video-on {
+    &__video {
+      transform: rotateY(180deg);
+    }
+  }
+
   &__video-off {
     &--icon {
       @include color-svg(
@@ -6454,6 +6460,7 @@ button.module-image__border-overlay:focus {
       height: 32px;
       position: absolute;
       right: 4px;
+      transform: rotateY(180deg);
       width: 32px;
     }
 
diff --git a/ts/components/CallingLobby.tsx b/ts/components/CallingLobby.tsx
index a2dff53271..897ae51175 100644
--- a/ts/components/CallingLobby.tsx
+++ b/ts/components/CallingLobby.tsx
@@ -126,7 +126,11 @@ export const CallingLobby = ({
 
       <div className="module-calling-lobby__video">
         {hasLocalVideo && availableCameras.length > 0 ? (
-          <video ref={localVideoRef} autoPlay />
+          <video
+            className="module-calling-lobby__video-on__video"
+            ref={localVideoRef}
+            autoPlay
+          />
         ) : (
           <CallBackgroundBlur avatarPath={me.avatarPath} color={me.color}>
             <div className="module-calling-lobby__video-off--icon" />