From 2db23e411074a9e2e0b4fc5d480a7f05abb9915c Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Wed, 15 Jun 2022 22:25:15 +0100
Subject: [PATCH] Hide back & hangup buttons when ?embed query param is passed

---
 src/Header.jsx           | 8 ++++++++
 src/room/PTTCallView.tsx | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/Header.jsx b/src/Header.jsx
index d4f83e55..3be9c0d0 100644
--- a/src/Header.jsx
+++ b/src/Header.jsx
@@ -80,6 +80,14 @@ export function RoomHeaderInfo({ roomName, avatarUrl }) {
 export function RoomSetupHeaderInfo({ roomName, avatarUrl, ...rest }) {
   const ref = useRef();
   const { buttonProps } = useButton(rest, ref);
+  const isEmbedded = window.location.search.includes("embed");
+  if (isEmbedded) {
+    return (
+      <div className={styles.backButton} ref={ref} {...buttonProps}>
+        <RoomHeaderInfo roomName={roomName} avatarUrl={avatarUrl} />
+      </div>
+    );
+  }
   return (
     <button className={styles.backButton} ref={ref} {...buttonProps}>
       <ArrowLeftIcon width={16} height={16} />
diff --git a/src/room/PTTCallView.tsx b/src/room/PTTCallView.tsx
index 652136e6..c9b3343d 100644
--- a/src/room/PTTCallView.tsx
+++ b/src/room/PTTCallView.tsx
@@ -158,6 +158,7 @@ export const PTTCallView: React.FC<Props> = ({
     ? activeSpeakerUser.displayName
     : "";
 
+  const isEmbedded = window.location.search.includes("embed");
   return (
     <div className={styles.pttCallView} ref={containerRef}>
       <PTTClips
@@ -206,7 +207,7 @@ export const PTTCallView: React.FC<Props> = ({
             feedbackModalState={feedbackModalState}
             feedbackModalProps={feedbackModalProps}
           />
-          <HangupButton onPress={onLeave} />
+          {!isEmbedded && <HangupButton onPress={onLeave} />}
           <InviteButton onPress={() => inviteModalState.open()} />
         </div>