From 4fcab6b0039ad5e595bda0a95e97612df02aa494 Mon Sep 17 00:00:00 2001 From: MythEclipse Date: Sat, 13 Jun 2026 12:50:13 +0700 Subject: [PATCH] =?UTF-8?q?refactor(frontend):=20reorder=20sidebar=20?= =?UTF-8?q?=E2=80=94=20messages=20first,=20voice=20below?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Default tab is now 'messages'; Voice & Media moved below Messages in both desktop sidebar and mobile tab bar. Updated Header titles/subtitles to match new order. Co-Authored-By: Claude --- services/frontend/src/shared/ui/MobileTabBar.tsx | 2 +- services/frontend/src/widgets/Header.tsx | 4 ++-- services/frontend/src/widgets/Sidebar.tsx | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/services/frontend/src/shared/ui/MobileTabBar.tsx b/services/frontend/src/shared/ui/MobileTabBar.tsx index 7b9a01b..96d2578 100644 --- a/services/frontend/src/shared/ui/MobileTabBar.tsx +++ b/services/frontend/src/shared/ui/MobileTabBar.tsx @@ -3,8 +3,8 @@ import type { DashboardTab } from "../api/client"; import { cn } from "../lib/utils"; const tabs: Array<{ id: DashboardTab; label: string; Icon: typeof Radio }> = [ - { id: "live", label: "Live", Icon: Radio }, { id: "messages", label: "Messages", Icon: MessageSquare }, + { id: "live", label: "Voice & Media", Icon: Radio }, { id: "dashboard", label: "Dashboard", Icon: LayoutDashboard }, ]; diff --git a/services/frontend/src/widgets/Header.tsx b/services/frontend/src/widgets/Header.tsx index 30eebc2..1c052e4 100644 --- a/services/frontend/src/widgets/Header.tsx +++ b/services/frontend/src/widgets/Header.tsx @@ -8,14 +8,14 @@ import { Badge } from "../shared/ui"; import type { WsStatus } from "../shared/ws/socket"; const titles: Record = { - live: "Voice & Media", messages: "Messages & Moderation", + live: "Voice & Media", dashboard: "Dashboard", }; const subtitles: Record = { - live: "Join voice channels, play media, stream audio, and browse recordings.", messages: "Capture, analyse, and moderate Discord messages.", + live: "Join voice channels, play media, stream audio, and browse recordings.", dashboard: "Server statistics, user profiles, and AI moderation overview.", }; diff --git a/services/frontend/src/widgets/Sidebar.tsx b/services/frontend/src/widgets/Sidebar.tsx index c59e530..c4949ae 100644 --- a/services/frontend/src/widgets/Sidebar.tsx +++ b/services/frontend/src/widgets/Sidebar.tsx @@ -9,8 +9,8 @@ import { MascotImage } from "./mascot/MascotImage"; const navItems: Array<{ id: DashboardTab; label: string; icon: typeof Radio }> = [ - { id: "live", label: "Live", icon: Radio }, - { id: "messages", label: "Messages", icon: MessageSquare }, + { id: "messages", label: "Messages & Moderation", icon: MessageSquare }, + { id: "live", label: "Voice & Media", icon: Radio }, { id: "dashboard", label: "Dashboard", icon: LayoutDashboard }, ];