From 1370b9d197b05996bc2f3d468f323ff35227976b Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Mon, 9 Oct 2023 09:42:12 -0500
Subject: [PATCH] feat(embed): enable fullscreen

---
 src/components/Shell/ShellAppBar.tsx | 26 ++++++++++++--------------
 src/pages/Home/EmbedCodeDialog.tsx   | 11 ++++++++++-
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/components/Shell/ShellAppBar.tsx b/src/components/Shell/ShellAppBar.tsx
index 34b8487..2c3f8f1 100644
--- a/src/components/Shell/ShellAppBar.tsx
+++ b/src/components/Shell/ShellAppBar.tsx
@@ -159,21 +159,19 @@ export const ShellAppBar = ({
                 <RoomPreferences />
               </IconButton>
             </Tooltip>
-            {isEmbedded ? null : (
-              <Tooltip
-                title={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
+            <Tooltip
+              title={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
+            >
+              <IconButton
+                size="large"
+                edge="end"
+                color="inherit"
+                aria-label="fullscreen"
+                onClick={onClickFullscreen}
               >
-                <IconButton
-                  size="large"
-                  edge="end"
-                  color="inherit"
-                  aria-label="fullscreen"
-                  onClick={onClickFullscreen}
-                >
-                  {isFullscreen ? <FullscreenExit /> : <Fullscreen />}
-                </IconButton>
-              </Tooltip>
-            )}
+                {isFullscreen ? <FullscreenExit /> : <Fullscreen />}
+              </IconButton>
+            </Tooltip>
             <Tooltip title="Click to show peer list">
               <IconButton
                 size="large"
diff --git a/src/pages/Home/EmbedCodeDialog.tsx b/src/pages/Home/EmbedCodeDialog.tsx
index cb2e68b..0cbaad0 100644
--- a/src/pages/Home/EmbedCodeDialog.tsx
+++ b/src/pages/Home/EmbedCodeDialog.tsx
@@ -13,6 +13,13 @@ interface EmbedCodeDialogProps {
   embedUrl: URL
 }
 
+const iframeFeatureAllowList = [
+  'camera',
+  'microphone',
+  'display-capture',
+  'fullscreen',
+]
+
 export const EmbedCodeDialog = ({
   showEmbedCode,
   handleEmbedCodeWindowClose,
@@ -33,7 +40,9 @@ export const EmbedCodeDialog = ({
         }}
         wrapLines={true}
       >
-        {`<iframe src="${embedUrl}" allow="camera;microphone;display-capture" width="800" height="800" />`}
+        {`<iframe src="${embedUrl}" allow="${iframeFeatureAllowList.join(
+          ';'
+        )}" width="800" height="800" />`}
       </SyntaxHighlighter>
       <DialogContentText
         sx={{