Update dependencies and fix import paths

2024-04-05 20:28:29 +05:30
parent d91d4c4761
commit ac347a3970
43 changed files with 1142 additions and 99 deletions
--- a/src/components/Option/Knowledge/KnowledgeSelect.tsx
+++ b/src/components/Option/Knowledge/KnowledgeSelect.tsx
@@ -0,0 +1,51 @@
+import { getAllKnowledge } from "@/db/knowledge"
+import { useQuery } from "@tanstack/react-query"
+import { Dropdown, Tooltip } from "antd"
+import { Blocks } from "lucide-react"
+import React from "react"
+import { useTranslation } from "react-i18next"
+
+export const KnowledgeSelect: React.FC = () => {
+  const { t } = useTranslation("playground")
+  const { data } = useQuery({
+    queryKey: ["getAllKnowledge"],
+    queryFn: async () => {
+      const data = await getAllKnowledge("finished")
+      return data
+    },
+    refetchInterval: 1000
+  })
+
+  return (
+    <Dropdown
+      menu={{
+        items:
+          data?.map((d) => ({
+            key: d.id,
+            label: (
+              <div className="w-52 gap-2 text-lg truncate inline-flex line-clamp-3  items-center  dark:border-gray-700">
+                <div>
+                  <Blocks className="h-6 w-6 text-gray-400" />
+                </div>
+                {d.title}
+              </div>
+            ),
+            onClick: () => {}
+          })) || [],
+        style: {
+          maxHeight: 500,
+          overflowY: "scroll"
+        },
+        // hidescrollbars: true
+        className: "no-scrollbar"
+      }}
+      placement={"topLeft"}
+      trigger={["click"]}>
+      <Tooltip title={t("tooltip.knowledge")}>
+        <button type="button" className="dark:text-gray-300">
+          <Blocks className="h-6 w-6" />
+        </button>
+      </Tooltip>
+    </Dropdown>
+  )
+}