From 493edd5c820237c125759899b4abb326951ea1c9 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Sun, 17 Nov 2024 19:20:12 -0500
Subject: [PATCH] Update Priorities with color properties

---
 src/utils/Priorities.jsx          |  4 ++++
 src/views/ChoreEdit/ChoreView.jsx | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/utils/Priorities.jsx b/src/utils/Priorities.jsx
index 0d1f1f1..95b4ca6 100644
--- a/src/utils/Priorities.jsx
+++ b/src/utils/Priorities.jsx
@@ -10,21 +10,25 @@ const Priorities = [
     name: 'P4',
     value: 4,
     icon: <HorizontalRule />,
+    color: '',
   },
   {
     name: 'P3 ',
     value: 3,
     icon: <KeyboardControlKey />,
+    color: '',
   },
   {
     name: 'P2',
     value: 2,
     icon: <KeyboardDoubleArrowUp />,
+    color: 'warning',
   },
   {
     name: 'P1',
     value: 1,
     icon: <PriorityHigh />,
+    color: 'danger',
   },
 ]
 
diff --git a/src/views/ChoreEdit/ChoreView.jsx b/src/views/ChoreEdit/ChoreView.jsx
index f81f0de..384663f 100644
--- a/src/views/ChoreEdit/ChoreView.jsx
+++ b/src/views/ChoreEdit/ChoreView.jsx
@@ -330,16 +330,26 @@ const ChoreView = () => {
             <Menu>
               {Priorities.map((priority, index) => (
                 <MenuItem
+                  sx={{
+                    pr: 1,
+                    py: 1,
+                  }}
                   key={index}
                   onClick={() => {
                     handleUpdatePriority(priority)
                   }}
+                  color={priority.color}
                 >
+                  {priority.icon}
                   {priority.name}
                 </MenuItem>
               ))}
               <Divider />
               <MenuItem
+                sx={{
+                  pr: 1,
+                  py: 1,
+                }}
                 onClick={() => {
                   handleUpdatePriority({
                     name: 'No Priority',