MythEclipseandClaude Opus 4.8
c48a0c5e3b
- Extract services into services/{frontend,backend,discord-gateway}
- Create packages/shared/ for shared logger, errors, utils, types
- Setup Modular MVC pattern in backend (controller→service→repository)
- Setup event-driven architecture in discord-gateway with Redis pub/sub
- Move Docker files to infra/docker/ with per-service Dockerfiles
- Update docker-compose.yml to use Traefik-only routing (no port exposes)
- Update GitHub Actions deploy workflow for multi-service matrix build
- Fix all import paths and resolve type errors across all services
- All 3 services pass tsc --noEmit clean
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import type { ReactNode } from "react";
|
|
import type { DashboardTab } from "../entities/ui/types";
|
|
import type { VoiceStatus } from "../shared/api/client";
|
|
import type { WsStatus } from "../shared/ws/socket";
|
|
import { Header } from "./Header";
|
|
import { Sidebar } from "./Sidebar";
|
|
|
|
interface DashboardLayoutProps {
|
|
activeTab: DashboardTab;
|
|
wsStatus: WsStatus;
|
|
voiceStatus: VoiceStatus;
|
|
onTabChange: (tab: DashboardTab) => void;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export function DashboardLayout({
|
|
activeTab,
|
|
wsStatus,
|
|
voiceStatus,
|
|
onTabChange,
|
|
children,
|
|
}: DashboardLayoutProps) {
|
|
return (
|
|
<div className="min-h-screen bg-background text-foreground">
|
|
<div className="flex min-h-screen">
|
|
<Sidebar activeTab={activeTab} onTabChange={onTabChange} />
|
|
<main className="flex min-w-0 flex-1 flex-col">
|
|
<Header
|
|
activeTab={activeTab}
|
|
wsStatus={wsStatus}
|
|
voiceStatus={voiceStatus}
|
|
/>
|
|
<div className="flex-1 overflow-auto p-4 md:p-6 lg:p-8">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|