dify/web/app/components/tools/plugin-category-page.tsx
Jingyi-Dify a917a49f66 feat: refine integrations layout and controls
- add integrations headers, install action, permission quick settings, and update setting entry points

- centralize default vs compact content insets for integrations child pages

- cover provider, plugin, marketplace, MCP, and model provider behaviors with focused tests
2026-05-12 14:52:40 -07:00

31 lines
869 B
TypeScript

'use client'
import type { PluginCategoryEnum } from '@/app/components/plugins/types'
import { useMemo } from 'react'
import { PluginPageContextProvider } from '@/app/components/plugins/plugin-page/context-provider'
import PluginsPanel from '@/app/components/plugins/plugin-page/plugins-panel'
type PluginCategoryPageProps = {
category: PluginCategoryEnum
}
const PluginCategoryPage = ({
category,
}: PluginCategoryPageProps) => {
const initialFilters = useMemo(() => ({
categories: [category],
tags: [],
searchQuery: '',
}), [category])
return (
<PluginPageContextProvider key={category} initialFilters={initialFilters}>
<div className="flex h-0 grow flex-col overflow-hidden bg-background-body">
<PluginsPanel contentInset="compact" />
</div>
</PluginPageContextProvider>
)
}
export default PluginCategoryPage