From 0ae1ef1987fcb6dfc95b8f9d7c61391241bf5c91 Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Thu, 2 Jul 2026 06:40:39 +0700
Subject: [PATCH] fix(auth): only guard Live tab, messages & dashboard are
 public

Auth overlay only shows when accessing Voice & Media without
authentication. Messages panel and Dashboard panel remain fully
accessible without login.
---
 services/frontend/src/App.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/services/frontend/src/App.tsx b/services/frontend/src/App.tsx
index 82c5d23..13cce25 100644
--- a/services/frontend/src/App.tsx
+++ b/services/frontend/src/App.tsx
@@ -31,13 +31,6 @@ export default function App() {
     setAuthenticated(true);
   }, []);
 
-  // If not authenticated, show the auth overlay
-  if (!authenticated) {
-    const isPublicDashboard = import.meta.env.VITE_DASHBOARD_IS_PUBLIC === "true";
-    if (!isPublicDashboard) {
-      return <AuthOverlay onAuthenticated={handleAuthenticated} />;
-    }
-  }
   const voice = useVoiceControl();
   const media = useMediaControl();
   const messages = useMessages();
@@ -48,6 +41,7 @@ export default function App() {
 
   const audio = useAudioPlayback();
   const activeTab = uiState.activeTab || "messages";
+  const isPublicDashboard = import.meta.env.VITE_DASHBOARD_IS_PUBLIC === "true";
   const selectedVoiceGuild =
     uiState.selectedVoiceGuild || uiState.selectedGuild || "";
 
@@ -237,7 +231,9 @@ export default function App() {
         uiState.selectedTextChannel || uiState.selectedVoiceChannel || undefined
       }
     >
-      {activeTab === "live" ? (
+      {activeTab === "live" && !authenticated && !isPublicDashboard ? (
+        <AuthOverlay onAuthenticated={handleAuthenticated} />
+      ) : activeTab === "live" ? (
         <LivePanel
           guilds={voice.guilds}
           voiceChannels={voice.voiceChannels}