From 43c3e904b76ff0320715760f483eaf5a2f32ad37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E0=AE=AE=E0=AE=A9=E0=AF=8B=E0=AE=9C=E0=AF=8D=E0=AE=95?=
 =?UTF-8?q?=E0=AF=81=E0=AE=AE=E0=AE=BE=E0=AE=B0=E0=AF=8D=20=E0=AE=AA?=
 =?UTF-8?q?=E0=AE=B4=E0=AE=A9=E0=AE=BF=E0=AE=9A=E0=AF=8D=E0=AE=9A=E0=AE=BE?=
 =?UTF-8?q?=E0=AE=AE=E0=AE=BF?= <smartmanoj42857@gmail.com>
Date: Thu, 11 Jul 2024 22:18:04 +0530
Subject: [PATCH] Restore last mute setting (#2895)

---
 frontend/src/components/VolumeIcon.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/VolumeIcon.tsx b/frontend/src/components/VolumeIcon.tsx
index ea6ecb773a..034f127057 100644
--- a/frontend/src/components/VolumeIcon.tsx
+++ b/frontend/src/components/VolumeIcon.tsx
@@ -3,13 +3,15 @@ import { IoMdVolumeHigh, IoMdVolumeOff } from "react-icons/io";
 import beep from "#/utils/beep";
 
 function VolumeIcon(): JSX.Element {
-  const [isMuted, setIsMuted] = useState(true);
+  const [isMuted, setIsMuted] = useState(
+    document.cookie.indexOf("audio") === -1,
+  );
 
   const toggleMute = () => {
     const cookieName = "audio";
     setIsMuted(!isMuted);
     if (!isMuted) {
-      document.cookie = `${cookieName}=;`;
+      document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
     } else {
       document.cookie = `${cookieName}=on;`;
       beep();