From 818de3d9b406eaa3fe7ca74eb859207d0934a0fd Mon Sep 17 00:00:00 2001
From: Jonathan Bell <jon@jonbell.net>
Date: Thu, 8 Apr 2021 15:13:03 -0400
Subject: [PATCH] Fix: 'No camera detected' message was not dismissable

---
 .../MediaErrorSnackbar/MediaErrorSnackbar.tsx            | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/VideoCall/VideoFrontend/components/PreJoinScreens/MediaErrorSnackbar/MediaErrorSnackbar.tsx b/frontend/src/components/VideoCall/VideoFrontend/components/PreJoinScreens/MediaErrorSnackbar/MediaErrorSnackbar.tsx
index 4497a2bcc..9ed665b9b 100644
--- a/frontend/src/components/VideoCall/VideoFrontend/components/PreJoinScreens/MediaErrorSnackbar/MediaErrorSnackbar.tsx
+++ b/frontend/src/components/VideoCall/VideoFrontend/components/PreJoinScreens/MediaErrorSnackbar/MediaErrorSnackbar.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import Snackbar from '../../Snackbar/Snackbar';
 import { useHasAudioInputDevices, useHasVideoInputDevices } from '../../../hooks/deviceHooks/deviceHooks';
 import useVideoContext from '../../../hooks/useVideoContext/useVideoContext';
@@ -18,7 +18,7 @@ export function getSnackbarContent(hasAudio: boolean, hasVideo: boolean, error?:
       } else {
         message = (
           <>
-            Clowdr has been denied permission to use audio and video.
+            Covey.Town has been denied permission to use audio and video.
             <br />
             Learn how to enable audio and video in your browser:
             <ul style={{ marginTop: '0.4em' }}>
@@ -87,14 +87,17 @@ export default function MediaErrorSnackbar({ error, dismissError }: { error?: Er
 
   const { isAcquiringLocalTracks } = useVideoContext();
 
-  const isSnackbarOpen = !isAcquiringLocalTracks && (Boolean(error) || !hasAudio || !hasVideo);
+  const [snackBarDismissedMessage, setSnackBarDismissedMessage] = useState<string | JSX.Element>();
 
   const { headline, message } = getSnackbarContent(hasAudio, hasVideo, error);
 
+  const isSnackbarOpen = message !== snackBarDismissedMessage &&
+    !isAcquiringLocalTracks && (Boolean(error) || !hasAudio || !hasVideo);
   return (
     <Snackbar
       open={isSnackbarOpen}
       handleClose={() => {
+        setSnackBarDismissedMessage(message);
         if (dismissError) {
           dismissError();
         }