fixed build issues

Author: NavodPeiris

backend/requirements.txt

@@ -7,6 +7,7 @@ mangum
 pydantic
 langchain
 langchain-groq
+langchain-community
 qdrant-client
 google-generativeai
 langchain-google-genai

frontend/src/App.tsx

@@ -1,4 +1,3 @@
-import { useState } from 'react';
 import Icon from "./assets/icon.png";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";

frontend/src/components/KnowledgeGraph/KnowledgeGraph.tsx

@@ -1,5 +1,4 @@
-import { div } from 'framer-motion/client';
-import React, { useRef } from 'react';
+import { useRef } from 'react';
 import { GraphCanvas, useSelection, type GraphEdge, type GraphNode} from 'reagraph';
 
 interface KGInputs {

frontend/src/components/NoteCard/NoteCard.tsx

@@ -1,6 +1,5 @@
 import {
   Card,
-  CardAction,
   CardContent,
   CardDescription,
   CardFooter,
@@ -17,7 +16,6 @@ import {
   SelectValue,
 } from "@/components/ui/select"
 import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
 import { type NoteItem } from "@/types/NoteItem"
 import { type GroupsItem } from "@/types/GroupsItem"
 import { useEffect, useState } from "react"
@@ -51,6 +49,8 @@ export default function NoteCard({noteItem} : NoteProps) {
   const user_id = Number(localStorage.getItem('user_id'))
 
   const { data: groups, isLoading, error } = useGroups({user_id: user_id})
+  if(error) toast.error(error.message)
+
   const setNoteSelected = useNoteSelect((store) => store.setNoteSelected)
 
   useEffect(() => {

frontend/src/components/NoteMaker/NoteMaker.tsx

@@ -35,6 +35,7 @@ export default function NoteMaker() {
   const queryClient = useQueryClient()
 
   const { data: groups, isLoading, error } = useGroups({user_id: user_id})
+  if(error) toast.error(error.message)
 
   return( isLoading ? (<div>Loading</div>): (
     <div className="flex px-2 justify-start">

frontend/src/components/ToolBar/ToolBar.tsx

@@ -8,7 +8,6 @@ import { useToolStore } from "@/zustand_stores/tool_select_store"
 export default function ToolBar() {
 
   const setTool = useToolStore((tool) => tool.setTool)
-  const toolSelected = useToolStore((tool) => tool.toolSelected)
 
   return (
     <ToggleGroup className="gap-2" type="single">

frontend/src/components/ui/audio-visualizer.tsx

@@ -29,7 +29,7 @@ export function AudioVisualizer({
   const canvasRef = useRef<HTMLCanvasElement>(null)
   const audioContextRef = useRef<AudioContext | null>(null)
   const analyserRef = useRef<AnalyserNode | null>(null)
-  const animationFrameRef = useRef<number>()
+  const animationFrameRef = useRef<number>(null)
   const containerRef = useRef<HTMLDivElement>(null)
 
   // Cleanup function to stop visualization and close audio context

frontend/src/components/ui/markdown-renderer.tsx

@@ -1,4 +1,4 @@
-import React, { Suspense } from "react"
+import React, { Suspense, type JSX } from "react"
 import Markdown from "react-markdown"
 import remarkGfm from "remark-gfm"
 
@@ -185,11 +185,14 @@ const COMPONENTS = {
 }
 
 function withClass(Tag: keyof JSX.IntrinsicElements, classes: string) {
-  const Component = ({ node, ...props }: any) => (
-    <Tag className={classes} {...props} />
-  )
-  Component.displayName = Tag
-  return Component
+  const Component = ({ node, className, ...props }: React.HTMLAttributes<HTMLElement> & { node?: any }) => {
+    return React.createElement(
+      Tag as any,
+      { className: cn(classes, className), ...props },
+    );
+  };
+  Component.displayName = String(Tag);
+  return Component;
 }
 
 export default MarkdownRenderer

frontend/src/pages/Notes/Notes.tsx

@@ -24,6 +24,8 @@ import ComboBox from '@/components/ComboBox/ComboBox';
 import { type listItem } from '@/types/ListItem';
 import { useFilterGroup } from '@/zustand_stores/filter_group_store';
 import { useFilterTags } from '@/zustand_stores/filter_tags_store';
+import { Toaster } from "@/components/ui/sonner"
+import { toast } from "sonner"
 
 function Notes() {
 
@@ -64,8 +66,13 @@ function Notes() {
 
 
   const { data: notesData, isLoading: notesLoading, error: notesError } = useNotes({page: page, pageSize: PAGE_SIZE, user_id: user_id})
+  if(notesError) toast.error(notesError.message)
+
   const { data: kgData, isLoading: kgLoading, error: kgError } = useKnowledgeGraph({user_id: user_id})
+  if(kgError) toast.error(kgError.message)
+
   const { data: groups, isLoading, error } = useGroups({user_id: user_id})
+  if(error) toast.error(error.message)
 
   console.log("kgEdges: ", kgData?.kgEdges)
 
@@ -106,6 +113,7 @@ function Notes() {
 
   return (
     <div className='w-full min-w-screen min-h-screen px-4 py-4 bg-gray-100/70 bg-clip-padding backdrop-filter backdrop-blur-sm border border-gray-100 text-gray-800'>
+      <Toaster richColors position="top-center"/>
       <div className='flex justify-between items-center w-10/12 mx-auto p-2'>
           <div className='flex items-center gap-4'>
           <img src={Icon} className='size-12' />

frontend/tsconfig.app.json

@@ -17,11 +17,11 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
+    "noUncheckedSideEffectImports": false,
 
     "baseUrl": ".",
     "paths": {