wx44wx/ai-video-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance AppShell and Sidebar components with new navigation for components

Browse Source 
Updated the AppShell component to include new pages for models, knowledge, and tools under the components section. Refactored the Sidebar to introduce a dedicated section for these components, improving navigation structure and user experience. Added new placeholder pages for ComponentsModelsPage, ComponentsKnowledgePage, and ComponentsToolsPage, each with relevant titles and descriptions.
This commit is contained in:
Xin Wang
2026-06-05 16:30:05 +08:00
parent 75a25be339
commit 64706b61d5
5 changed files with 91 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/layout/AppShell.tsx
View File

@@ -7,7 +7,9 @@ import { Topbar } from "./Topbar";
import { HomePage } from "@/components/pages/HomePage";
import { AssistantPage } from "@/components/pages/AssistantPage";
import { AssistantWorkflowPage } from "@/components/pages/AssistantWorkflowPage";
import { ComponentsPage } from "@/components/pages/ComponentsPage";
import { ComponentsModelsPage } from "@/components/pages/ComponentsModelsPage";
import { ComponentsKnowledgePage } from "@/components/pages/ComponentsKnowledgePage";
import { ComponentsToolsPage } from "@/components/pages/ComponentsToolsPage";
import { HistoryPage } from "@/components/pages/HistoryPage";
import { TestPage } from "@/components/pages/TestPage";
import { WorkflowPage } from "@/components/pages/WorkflowPage";
@@ -17,12 +19,15 @@ export type NavKey =
| "home"
| "assistant-prompt"
| "assistant-workflow"
| "components"
| "components-models"
| "components-knowledge"
| "components-tools"
| "history"
| "test"
| "workflow"
| "profile";
export function AppShell() {
const [active, setActive] = useState<NavKey>("home");
const [collapsed, setCollapsed] = useState(false);
@@ -45,7 +50,9 @@ export function AppShell() {
{active === "assistant-prompt" && <AssistantPage />}
{active === "assistant-workflow" && <AssistantWorkflowPage />}
{active === "components" && <ComponentsPage />}
{active === "components-models" && <ComponentsModelsPage />}
{active === "components-knowledge" && <ComponentsKnowledgePage />}
{active === "components-tools" && <ComponentsToolsPage />}
{active === "history" && <HistoryPage />}
{active === "test" && <TestPage />}
{active === "workflow" && <WorkflowPage />}