dify/web/app/components/plugins/plugin-page/list/index.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

35 lines
817 B
TypeScript

import type { FC, ReactNode } from 'react'
import type { PluginDetail } from '../../types'
import PluginItem from '../../plugin-item'
type IPluginListProps = {
canDeletePlugin?: boolean
canUpdatePlugin?: boolean
children?: ReactNode
pluginList: PluginDetail[]
}
const PluginList: FC<IPluginListProps> = ({
canDeletePlugin = true,
canUpdatePlugin = true,
children,
pluginList,
}) => {
return (
<div className="pb-3">
<div className="grid grid-cols-1 gap-3 lg:grid-cols-2">
{pluginList.map((plugin) => (
<PluginItem
key={plugin.plugin_id}
plugin={plugin}
canDeletePlugin={canDeletePlugin}
canUpdatePlugin={canUpdatePlugin}
/>
))}
{children}
</div>
</div>
)
}
export default PluginList