wip

QuivrHQ · May 15, 2024 · 744cb10 · 744cb10
1 parent 7cdb02d
commit 744cb10
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/frontend/app/knowledge/KnowledgeList/BrainFolder/KnowledgeItem/KnowledgeItem.module.scss b/frontend/app/knowledge/KnowledgeList/BrainFolder/KnowledgeItem/KnowledgeItem.module.scss
@@ -1,3 +1,4 @@
+@use "@/styles/Radius.module.scss";
 @use "@/styles/Spacings.module.scss";
 @use "@/styles/Typography.module.scss";
 
@@ -6,4 +7,10 @@
  padding-left: Spacings.$spacing06;
  font-size: Typography.$tiny;
  @include Typography.EllipsisOverflow;
+ border-radius: Radius.$small;
+ cursor: pointer;
+
+ &:hover {
+ background-color: var(--background-1);
+ }
 }
diff --git a/frontend/app/knowledge/KnowledgeList/BrainFolder/KnowledgeItem/KnowledgeItem.tsx b/frontend/app/knowledge/KnowledgeList/BrainFolder/KnowledgeItem/KnowledgeItem.tsx
@@ -12,10 +12,7 @@ const KnowledgeItem = ({ knowledge }: KnowledgeItemProps): JSX.Element => {
  return (
  <div className={styles.knowledge_item_wrapper}>
  {isUploadedKnowledge(knowledge) ? (
- <span className={styles.name}>
- {knowledge.fileName}djsklqjdlqshdkqsgdqsklgdsqhgdsjdhkgkd
- qshgdsgdqsgqshd qshg
- </span>
+ <span className={styles.name}>{knowledge.fileName}</span>
  ) : (
  <a
  className={styles.name}

diff --git a/frontend/app/knowledge/page.tsx b/frontend/app/knowledge/page.tsx
@@ -1,14 +1,25 @@
 "use client";
 
 import PageHeader from "@/lib/components/PageHeader/PageHeader";
+import { useKnowledgeToFeedContext } from "@/lib/context/KnowledgeToFeedProvider/hooks/useKnowledgeToFeedContext";
 import { ButtonType } from "@/lib/types/QuivrButton";
 
 import KnowledgeList from "./KnowledgeList/KnowledgeList";
 import NotesEditor from "./NotesEditor/NotesEditor";
 import styles from "./page.module.scss";
 
 const Knowledge = (): JSX.Element => {
+ const { setShouldDisplayFeedCard } = useKnowledgeToFeedContext();
+
  const buttons: ButtonType[] = [
+ {
+ label: "Add knowledge",
+ color: "primary",
+ onClick: () => {
+ setShouldDisplayFeedCard(true);
+ },
+ iconName: "uploadFile",
+ },
  {
  label: "New",
  color: "primary",