From 9e0cc503cdfffbbb42db36da85b5deeaf7a5f1a0 Mon Sep 17 00:00:00 2001
From: MC2b6 <micaserio606@gmail.com>
Date: Fri, 8 Nov 2024 01:19:00 -0600
Subject: [PATCH] fix(MacroGoal): fix delete goal

---
 src/components/Home/MacroGoal.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Home/MacroGoal.jsx b/src/components/Home/MacroGoal.jsx
index e206bb6..e75e051 100644
--- a/src/components/Home/MacroGoal.jsx
+++ b/src/components/Home/MacroGoal.jsx
@@ -12,6 +12,10 @@ const MacroGoal = ({ macroGoal, macroGoalIndex }) => {
     navigate(`/goals/${macroGoalIndex}`)
   }
 
+  const handleDeleteClick = (event) => {
+    event.stopPropagation() // Prevents the onClick from triggering navigation
+  }
+
   return (
     <Paper elevation={2} sx={{ p: 2, mb: 3, borderRadius: 2 }}>
       <Box
@@ -24,7 +28,9 @@ const MacroGoal = ({ macroGoal, macroGoalIndex }) => {
         <Typography variant='h6' sx={{ flexGrow: 1, ml: 2 }}>
           {macroGoal.name}
         </Typography>
-        <DeleteItem goalIndex={macroGoalIndex} />
+        <div onClick={handleDeleteClick} sx={{ display: 'inline-flex' }}>
+          <DeleteItem goalIndex={macroGoalIndex} />
+        </div>
       </Box>
     </Paper>
   )