From 790284cdb54a88524b21cab8bc883162433fd0c3 Mon Sep 17 00:00:00 2001
From: Richard Griffiths <rich.griffiths89@gmail.com>
Date: Mon, 24 Jun 2024 17:31:15 +0100
Subject: [PATCH] Toggle edit fix

---
 next_frontend/components/cases/NotesFeed.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/next_frontend/components/cases/NotesFeed.tsx b/next_frontend/components/cases/NotesFeed.tsx
index 16ef5c2c..615b7289 100644
--- a/next_frontend/components/cases/NotesFeed.tsx
+++ b/next_frontend/components/cases/NotesFeed.tsx
@@ -55,6 +55,7 @@ export default function NotesFeed({ }) {
   const { assuranceCase, setAssuranceCase } = useStore()
   const [token] = useLoginToken();
   const [edit, setEdit] = useState<boolean>()
+  const [editId, setEditId] = useState<number>()
   const [newComment, setNewComment] = useState<string>()
 
   //@ts-ignore
@@ -132,7 +133,7 @@ export default function NotesFeed({ }) {
                     <p className="mt-0.5 text-sm text-foreground/70">Created On: {moment(new Date(activityItem.created_at)).format('DD/MM/YYYY')}</p>
                   </div>
                   <div className="mt-2 text-sm text-foreground">
-                    {edit ? (
+                    {edit && editId === activityItem.id ? (
                       <NotesEditForm note={activityItem} setEdit={setEdit} />
                     ) : (
                       <p className="whitespace-normal">{activityItem.content}</p>
@@ -142,7 +143,10 @@ export default function NotesFeed({ }) {
                 </div>
                 {!edit && (
                 <div className='hidden group-hover:flex justify-center items-center gap-2'>
-                  <Button onClick={() => setEdit(!edit)} size={'icon'} className='bg-background hover:bg-background/50 text-foreground'>
+                  <Button onClick={() => {
+                    setEdit(!edit)
+                    setEditId(activityItem.id)
+                  }} size={'icon'} className='bg-background hover:bg-background/50 text-foreground'>
                     <PencilLine className='w-4 h-4'/>
                   </Button>
                   <Button onClick={() => handleNoteDelete(activityItem.id)} size={'icon'} variant={'destructive'}><Trash2 className='w-4 h-4'/></Button>