From a99e888beb103d37baf07adc9acae65a67d309b5 Mon Sep 17 00:00:00 2001
From: Alan Trebugeais <alan.trebugeais@epitech.eu>
Date: Thu, 7 May 2026 10:49:58 +0200
Subject: [PATCH] add span for the microphone disabled otherwise it woudln't
 show

---
 src/components/launch/RecordingControls.tsx | 39 +++++++++------------
 1 file changed, 16 insertions(+), 23 deletions(-)

diff --git a/src/components/launch/RecordingControls.tsx b/src/components/launch/RecordingControls.tsx
index d86634e2..9687ff06 100644
--- a/src/components/launch/RecordingControls.tsx
+++ b/src/components/launch/RecordingControls.tsx
@@ -58,29 +58,22 @@ export const RecordingControls = ({
 
 				<Separator orientation="vertical" className="mx-[5px] h-6" />
 
-				{/* This is a disable button.
-				Ideally, microphone mute/unmute will be handled but 
-				for now it's non-functional. */}
-				<Button
-					variant="ghost"
-					size="icon"
-					iconSize="lg"
-					//title={
-					//	microphoneEnabled
-					//		? t("recording.disableMicrophone")
-					//		: t("recording.enableMicrophone")
-					//}
-					title={t("recording.micToggleDisabledTip")}
-					className={microphoneEnabled ? styles.ibActive : ""}
-					disabled
-					onClick={onToggleMicrophone}
-				>
-					{microphoneEnabled ? (
-						<MicrophoneIcon size={18} />
-					) : (
-						<MicrophoneSlashIcon size={18} />
-					)}
-				</Button>
+				<span title={t("recording.micToggleDisabledTip")}>
+					<Button
+						variant="ghost"
+						size="icon"
+						iconSize="lg"
+						className={microphoneEnabled ? styles.ibActive : ""}
+						disabled
+						onClick={onToggleMicrophone}
+					>
+						{microphoneEnabled ? (
+							<MicrophoneIcon size={18} />
+						) : (
+							<MicrophoneSlashIcon size={18} />
+						)}
+					</Button>
+				</span>
 
 				<Separator orientation="vertical" className="mx-[5px] h-6" />