Added the 'Note' type to get rid of some of the annoying errors

	modified:   src-tauri/tauri.conf.json
	modified:   src/App.tsx
	modified:   src/components/NoteEditor.tsx
	modified:   src/components/NotesSidebar.tsx
	modified:   src/store/notesStore.ts
	new file:   src/types/Note.ts

src-tauri/tauri.conf.json

@@ -1,10 +1,10 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
-  "productName": "given-up",
+  "productName": "Note Taking App",
   "version": "0.1.0",
-  "identifier": "com.tauri.dev",
+  "identifier": "notes.taker",
   "build": {
-    "frontendDist": "../build",
+    "frontendDist": "../dist",
     "devUrl": "http://localhost:5173",
     "beforeDevCommand": "cross-env BROWSER=none npm run start",
     "beforeBuildCommand": "npm run build"

src/App.tsx

@@ -12,9 +12,10 @@ import {
 } from "./components/ui/resizable";
 
 import { loadNotes } from "./data/notesStorage";
+import { Note } from "./types/Note";
 
 export default function App() {
-  const [openNote, setOpenNote] = useState(null);
+  const [openNote, setOpenNote] = useState<Note | null>(null);
   const notes = useNotesStore((state) => state.notes);
   const addNote = useNotesStore((state) => state.addNote);
   const updateNote = useNotesStore((state) => state.updateNote);
@@ -50,8 +51,8 @@ export default function App() {
         <ResizablePanel minSize={40}>
           {openNote ? (
             <NoteEditor
-              title={openNote?.title}
-              content={openNote?.content}
+              title={openNote.title}
+              content={openNote.content}
               id={openNote.id}
               updateNote={updateNote}
             />

src/components/NoteEditor.tsx

@@ -6,19 +6,19 @@ function NoteEditor(props: {
   id: number;
   updateNote: Function;
 }): JSX.Element {
-  const titleRef = useRef(null);
-  const contentRef = useRef(null);
+  const titleRef = useRef<HTMLInputElement>(null);
+  const contentRef = useRef<HTMLTextAreaElement>(null);
 
   const updateNote = () => {
-    props.updateNote(props.id, titleRef.current.value, contentRef.current.value);
+    props.updateNote(props.id, titleRef.current!.value, contentRef.current!.value);
   };
 
 
 
   useEffect(() => {
     console.log("Note Editor change");
-    titleRef.current.value = props.title;
-    contentRef.current.value = props.content;
+    titleRef.current!.value = props.title;
+    contentRef.current!.value = props.content;
     return () => {
       console.log("Note Editor remove");
     };

src/components/NotesSidebar.tsx

@@ -1,3 +1,4 @@
+import { Note } from "@/types/Note";
 import { Trash2, FilePlus2 } from "lucide-react";
 
 function NotesSidebar(props: {
@@ -41,7 +42,7 @@ function NotesSidebar(props: {
       </div>
       {/* Notes List */}
       <div className="notes-list">
-        {notes.map((note) => (
+        {notes.map((note: Note) => (
           <div
             className="note-side"
             onClick={() => setOpenNote(note)}

src/store/notesStore.ts

@@ -1,8 +1,9 @@
 import { create } from "zustand";
 import { saveNotes } from "@/data/notesStorage";
+import { Note } from "@/types/Note";
 
 export type NotesStore = {
-  notes: Array<{ id: number; title: string; content: string }>;
+  notes: Array<Note>;
   addNote: (title: string, content: string) => void;
   removeNote: (id: number) => void;
   updateNote: (id: number, title: string, content: string) => void;

src/types/Note.ts

@@ -0,0 +1,5 @@
+export interface Note {
+  id: any;
+  title: string;
+  content: string;
+}