From a98ced3e5b44bf8d4a91ca1aeed15b73dcd74fd1 Mon Sep 17 00:00:00 2001
From: Timo <toger5@hotmail.de>
Date: Wed, 25 Jun 2025 16:23:19 +0200
Subject: [PATCH] fix back to video button

---
 src/room/EarpieceOverlay.tsx | 12 +++++++++---
 src/room/InCallView.tsx      |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/room/EarpieceOverlay.tsx b/src/room/EarpieceOverlay.tsx
index edf425a5..054e3083 100644
--- a/src/room/EarpieceOverlay.tsx
+++ b/src/room/EarpieceOverlay.tsx
@@ -14,10 +14,10 @@ import styles from "./EarpieceOverlay.module.css";
 
 interface Props {
   show: boolean;
-  onBackButtonPressed?: (() => void) | null;
+  onBackToVideoPressed?: (() => void) | null;
 }
 
-export const EarpieceOverlay: FC<Props> = ({ show }) => {
+export const EarpieceOverlay: FC<Props> = ({ show, onBackToVideoPressed }) => {
   const { t } = useTranslation();
   return (
     <div className={styles.overlay} data-show={show}>
@@ -28,7 +28,13 @@ export const EarpieceOverlay: FC<Props> = ({ show }) => {
         {t("earpiece.overlay_title")}
       </Heading>
       <Text>{t("earpiece.overlay_description")}</Text>
-      <Button kind="primary" size="sm">
+      <Button
+        kind="primary"
+        size="sm"
+        onClick={() => {
+          onBackToVideoPressed?.();
+        }}
+      >
         {t("earpiece.overlay_back_button")}
       </Button>
     </div>
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index c1d73acd..4f83284b 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -789,7 +789,7 @@ export const InCallView: FC<InCallViewProps> = ({
       <ReactionsAudioRenderer vm={vm} muted={muteAllAudio} />
       <EarpieceOverlay
         show={earpieceMode}
-        onBackButtonPressed={toggleEarpieceMode}
+        onBackToVideoPressed={toggleEarpieceMode}
       />
       <ReactionsOverlay vm={vm} />
       {footer}