Show webcam permissions message

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 && (

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;
   }
-}
+}