-
-
+ {isEditing ? (
+ <>
+
+
+
+ ) : (
+
+ )}
diff --git a/src/components/stickyNotes/index.jsx b/src/components/stickyNotes/index.jsx
index 2776e47..416b92c 100644
--- a/src/components/stickyNotes/index.jsx
+++ b/src/components/stickyNotes/index.jsx
@@ -1,71 +1,102 @@
-import { useState } from "react";
-import ReusableCard from "../reusableCard/index";
+import { useState, useEffect } from "react";
+import Card from "../reusableCard/index";
+import { addNote, showNotes, hideNotes } from "../../assets/SvgIcons/SvgIcons";
-// const StickyNote = () => {
-// const [notes, setNotes] = useState([]);
-// const [showNote, setShowNote] = useState(false);
+const StickyNote = () => {
+ const [notes, setNotes] = useState([]);
+ const [showNote, setShowNote] = useState(true);
+ useEffect(() => {
+ const savedNotes = JSON?.parse(localStorage?.getItem("stickyNotes")) || [];
+ setNotes(savedNotes);
+ }, []);
+ const handleShowNote = () => {
+ setShowNote(!showNote);
+ };
- const StickyNote = () => {
- const [notes, setNotes] = useState([]);
- const [showNote, setShowNote] = useState(false);
+ const handleAddNote = () => {
+ setNotes([...notes, { id: Date.now(), content: "" }]); //Reference
+ };
- const handleShowNote = () => {
- setShowNote(!showNote);
- };
+ const handleDeleteNote = (id) => {
+ setNotes(notes?.filter((note) => note?.id !== id));
+ };
- const handleAddNote = () => {
- setNotes([...notes, {id: Date.now(), content: ""}]);
- };
+ const handleSaveNote = (id, content) => {
+ let notesData = notes?.map((note) =>
+ note?.id === id ? { ...note, content } : note
+ );
+ setNotes(notesData);
+ localStorage?.setItem("stickyNotes", JSON.stringify(notes));
+ };
- const handleDeleteNote = (id) => {
- setNotes(notes.filter((note) => note.id !== id));
- };
-
- const handleSaveNote = (id, content) => {
- setNotes(
- notes.map((note) =>
- note.id === id ? {...note, content} : note
- )
- );
- };
-
return (
<>
-