Files
dify/web/app/components/workflow/skill/content-area.tsx
yyh bc9ce23fdc refactor(skill): rename components for semantic clarity
Rename components and reorganize directory structure:
- skill-doc-editor.tsx → file-content-panel.tsx (handles edit/preview/download)
- editor-area.tsx → content-area.tsx
- editor-body.tsx → content-body.tsx
- editor-tabs.tsx → file-tabs.tsx
- editor-tab-item.tsx → file-tab-item.tsx

Create viewer/ directory for non-editor components:
- Move media-file-preview.tsx from editor/ to viewer/
- Move unsupported-file-download.tsx from editor/ to viewer/

This clarifies the distinction between:
- editor/: actual file editors (code, markdown)
- viewer/: preview and download components (media, unsupported files)
2026-01-19 23:50:08 +08:00

15 lines
343 B
TypeScript

import type { FC, PropsWithChildren } from 'react'
import * as React from 'react'
type ContentAreaProps = PropsWithChildren
const ContentArea: FC<ContentAreaProps> = ({ children }) => {
return (
<section className="flex min-h-0 flex-1 flex-col rounded-lg">
{children}
</section>
)
}
export default React.memo(ContentArea)