From e453ddce90bca931f0fa8f64757b5c10075582fd Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Tue, 26 Jan 2021 11:30:46 -0800
Subject: [PATCH] Show safari mic dialog if mic permissions denied.

---
 src/react-components/ui-root.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
index c77189c6ca..5fd9269940 100644
--- a/src/react-components/ui-root.js
+++ b/src/react-components/ui-root.js
@@ -203,10 +203,6 @@ class UIRoot extends Component {
   constructor(props) {
     super(props);
 
-    if (props.showSafariMicDialog) {
-      this.state.dialog = <SafariMicModal />;
-    }
-
     props.mediaSearchStore.setHistory(props.history);
 
     // An exit handler that discards event arguments and can be cleaned up.
@@ -954,9 +950,17 @@ class UIRoot extends Component {
       );
     }
 
+    if (this.props.showSafariMicDialog) {
+      return (
+        <div className={classNames(rootStyles)}>
+          <RoomLayoutContainer scene={this.props.scene} store={this.props.store} modal={<SafariMicModal />} />
+        </div>
+      );
+    }
+
     const preload = this.props.showPreload;
 
-    const isLoading = !preload && !this.state.hideLoader && !this.props.showSafariMicDialog;
+    const isLoading = !preload && !this.state.hideLoader;
 
     if (isLoading && this.state.showPrefs) {
       return (