dify

dify/web/app/components/plugins/plugin-page/list/index.tsx

@@ -0,0 +1,23 @@
+import type { FC } from 'react'
+import PluginItem from '../../plugin-item'
+import type { PluginDetail } from '../../types'
+
+type IPluginListProps = {
+  pluginList: PluginDetail[]
+}
+
+const PluginList: FC<IPluginListProps> = ({ pluginList }) => {
+  return (
+    <div className='pb-3'>
+      <div className='grid grid-cols-2 gap-3'>
+        {pluginList.map(plugin => (
+          <PluginItem
+            key={plugin.plugin_id}
+            plugin={plugin}
+          />
+        ))}
+      </div>
+    </div>
+  )
+}
+export default PluginList