works finally

frontend/app/knowledge/KnowledgeList/BrainFolder/BrainFolder.tsx

@@ -1,11 +1,12 @@
 "use client";
 import Image from "next/image";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 import Icon from "@/lib/components/ui/Icon/Icon";
 import { MinimalBrainForUser } from "@/lib/context/BrainProvider/types";
 import { useUserSettingsContext } from "@/lib/context/UserSettingsProvider/hooks/useUserSettingsContext";
 import { useAddedKnowledge } from "@/lib/hooks/useAddedKnowledge";
+import { Knowledge } from "@/lib/types/Knowledge";
 
 import styles from "./BrainFolder.module.scss";
 import KnowledgeItem from "./KnowledgeItem/KnowledgeItem";
@@ -21,11 +22,18 @@ const BrainFolder = ({ brain }: BrainFolderProps): JSX.Element => {
  });
  const [folded, setFolded] = useState<boolean>(true);
  const contentRef = useRef<HTMLDivElement>(null);
+ const [storedKnowledge, setStoredKnowledge] = useState<Knowledge[]>([]);
 
  const getContentHeight = (): string => {
  return folded ? "0" : `${contentRef.current?.scrollHeight}px`;
  };
 
+ useEffect(() => {
+ setStoredKnowledge([...allKnowledge]);
+ console.info(allKnowledge.length);
+ console.info(storedKnowledge.length);
+ }, [allKnowledge, storedKnowledge.length]);
+
  return (
  <div className={styles.brain_folder_wrapper}>
  <div
@@ -62,7 +70,7 @@ const BrainFolder = ({ brain }: BrainFolderProps): JSX.Element => {
  }`}
  style={{ maxHeight: getContentHeight() }}
  >
- {allKnowledge.map((knowledge) => (
+ {storedKnowledge.map((knowledge) => (
  <div key={knowledge.id} className={styles.knowledge}>
  <KnowledgeItem knowledge={knowledge} />
  </div>

frontend/lib/components/UploadDocumentModal/UploadDocumentModal.tsx

@@ -15,7 +15,7 @@ export const UploadDocumentModal = (): JSX.Element => {
  const { shouldDisplayFeedCard, setShouldDisplayFeedCard, knowledgeToFeed } =
  useKnowledgeToFeedContext();
  const { currentBrain } = useBrainContext();
- const { feedBrain } = useAddKnowledge();
+ const { feedBrain } = useAddKnowledge(currentBrain?.id);
  const [feeding, setFeeding] = useState<boolean>(false);
 
  useKnowledgeToFeedContext();

frontend/lib/components/UploadDocumentModal/hooks/useAddKnowledge.ts

@@ -1,14 +1,17 @@
+import { UUID } from "crypto";
 import { useEffect } from "react";
 
-import { useKnowledge } from "@/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/hooks/useKnowledge";
+import { useAddedKnowledge } from "@/lib/hooks/useAddedKnowledge";
 import { useUrlBrain } from "@/lib/hooks/useBrainIdFromUrl";
 
 import { useFeedBrain } from "./useFeedBrain";
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const useAddKnowledge = () => {
- const { brainId } = useUrlBrain();
- const { invalidateKnowledgeDataKey } = useKnowledge({
+export const useAddKnowledge = (inputBrainId?: UUID) => {
+ const { brainId: urlBrainId } = useUrlBrain();
+ const brainId = inputBrainId ?? urlBrainId;
+
+ const { invalidateKnowledgeDataKey } = useAddedKnowledge({
  brainId,
  });