From 150d58d4b696f0f57a6369d30010306bf24eb0ba Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Thu, 30 Sep 2021 11:39:57 -0700
Subject: [PATCH] Show webcam permissions message

---
 src/Room.jsx        | 7 ++++++-
 src/Room.module.css | 5 +++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Room.jsx b/src/Room.jsx
index c79f2125..0fea53f3 100644
--- a/src/Room.jsx
+++ b/src/Room.jsx
@@ -191,11 +191,16 @@ function RoomSetupView({
       </Header>
       <div className={styles.joinRoom}>
         <div className={styles.preview}>
-          {state !== GroupCallState.LocalCallFeedInitialized && (
+          {state === GroupCallState.LocalCallFeedUninitialized && (
             <p className={styles.webcamPermissions}>
               Webcam permissions needed to join the call.
             </p>
           )}
+          {state === GroupCallState.InitializingLocalCallFeed && (
+            <p className={styles.webcamPermissions}>
+              Accept Webcam permissions to join the call.
+            </p>
+          )}
           <video ref={videoRef} muted playsInline disablePictureInPicture />
         </div>
         {state === GroupCallState.LocalCallFeedInitialized && (
diff --git a/src/Room.module.css b/src/Room.module.css
index 2f17808f..df2f8924 100644
--- a/src/Room.module.css
+++ b/src/Room.module.css
@@ -56,6 +56,7 @@ limitations under the License.
   margin: 0;
   font-size: 13px;
   font-weight: 600;
+  text-align: center;
 }
 
 .previewButtons {
@@ -110,7 +111,7 @@ limitations under the License.
   margin-right: 0px;
 }
 
-@media(min-width: 800px) {
+@media (min-width: 800px) {
   .room {
     position: fixed;
   }
@@ -122,4 +123,4 @@ limitations under the License.
   .footer {
     height: 118px;
   }
-}
\ No newline at end of file
+}