asepharyana
c2502a0e5f
Deploy to VPS / deploy (push) Failing after 1m36s
- Implemented RecordingsPage to display and manage voice recordings with live updates via WebSocket. - Created SettingsPage for user preferences, including theme toggling and server configuration display. - Developed VoicePage for managing voice connections, including guild and channel selection, and active speaker display. - Introduced GuildSelector component for selecting Discord guilds with error handling and loading states. - Added utility functions for formatting numbers and bytes, and safely parsing JSON. - Established navigation structure for the dashboard with relevant links for new features.
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { Suspense } from "react";
|
|
|
|
import { Header } from "@/components/layout/header";
|
|
import { MobileTabBar } from "@/components/layout/mobile-tab-bar";
|
|
import { Sidebar } from "@/components/layout/sidebar";
|
|
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
|
|
import { MascotChatbot } from "@/components/mascot/mascot-chatbot";
|
|
import { WsProvider } from "@/lib/ws/context";
|
|
|
|
function LoadingFallback() {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center bg-background">
|
|
<div className="flex flex-col items-center gap-3">
|
|
<div className="size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
|
|
<p className="text-sm text-muted-foreground">Loading dashboard…</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<WsProvider>
|
|
<SidebarProvider defaultOpen={true}>
|
|
<div className="flex min-h-screen bg-background">
|
|
<Sidebar />
|
|
<SidebarInset className="flex flex-col">
|
|
<Header />
|
|
<main className="flex-1 p-4 md:p-6 pb-20 md:pb-6 animate-fade-in-up">
|
|
<Suspense fallback={<LoadingFallback />}>{children}</Suspense>
|
|
</main>
|
|
</SidebarInset>
|
|
<MobileTabBar />
|
|
</div>
|
|
</SidebarProvider>
|
|
<MascotChatbot />
|
|
</WsProvider>
|
|
);
|
|
}
|