import { useState } from "react"; import "./app/globals.css"; import Dashboard from "./components/Dashboard"; import EpisodePlayer from "./components/EpisodePlayer"; import FeedManager from "./components/FeedManager"; type TabType = "dashboard" | "episodes" | "feeds"; interface Tab { id: TabType; label: string; icon: string; description: string; } const tabs: Tab[] = [ { id: "dashboard", label: "ダッシュボード", icon: "📊", description: "システム概要と最新情報", }, { id: "episodes", label: "エピソード", icon: "🎧", description: "ポッドキャスト再生と管理", }, { id: "feeds", label: "フィード管理", icon: "📡", description: "RSSフィードの設定", }, ]; export default function App() { const [activeTab, setActiveTab] = useState("dashboard"); const [isMenuOpen, setIsMenuOpen] = useState(false); const activeTabInfo = tabs.find((tab) => tab.id === activeTab); return ( Voice RSS Summary - AI音声ポッドキャスト生成システム
{/* Header */}
{/* Status and Mobile Menu */}
{/* System Status */}
稼働中
{/* Mobile menu button */}
{/* Navigation */} {/* Main Content */}
{activeTab === "dashboard" && } {activeTab === "episodes" && } {activeTab === "feeds" && }
{/* Footer */}
); }