mirror of
https://github.com/langgenius/dify.git
synced 2026-04-29 15:08:06 +08:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import * as React from 'react'
|
|
import EditorArea from './editor-area'
|
|
import EditorBody from './editor-body'
|
|
import EditorTabItem from './editor-tab-item'
|
|
import EditorTabs from './editor-tabs'
|
|
import Files from './files'
|
|
import { mockSkillItems } from './mock-data'
|
|
import Sidebar from './sidebar'
|
|
import SidebarSearchAdd from './sidebar-search-add'
|
|
import SkillDocEditor from './skill-doc-editor'
|
|
import SkillPageLayout from './skill-page-layout'
|
|
|
|
const SkillMain: FC = () => {
|
|
const activeItemId = 'skills/_schemas/email-writer/output-schema'
|
|
|
|
return (
|
|
<div className="h-full bg-workflow-canvas-workflow-top-bar-1 pl-3 pt-[52px]">
|
|
<SkillPageLayout>
|
|
<Sidebar>
|
|
<SidebarSearchAdd />
|
|
<Files items={mockSkillItems} activeItemId={activeItemId} />
|
|
</Sidebar>
|
|
<EditorArea>
|
|
<EditorTabs>
|
|
<EditorTabItem />
|
|
<EditorTabItem />
|
|
</EditorTabs>
|
|
<EditorBody>
|
|
<SkillDocEditor />
|
|
</EditorBody>
|
|
</EditorArea>
|
|
</SkillPageLayout>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(SkillMain)
|