dify

dify/web/app/components/datasets/documents/detail/completed/status-item.tsx

@@ -0,0 +1,22 @@
+import React, { type FC } from 'react'
+import { RiCheckLine } from '@remixicon/react'
+import type { Item } from '@/app/components/base/select'
+
+type IStatusItemProps = {
+  item: Item
+  selected: boolean
+}
+
+const StatusItem: FC<IStatusItemProps> = ({
+  item,
+  selected,
+}) => {
+  return (
+    <div className='flex items-center justify-between px-2 py-1.5'>
+      <span className='system-md-regular'>{item.name}</span>
+      {selected && <RiCheckLine className='h-4 w-4 text-text-accent' />}
+    </div>
+  )
+}
+
+export default React.memo(StatusItem)