From 7e259bda8d9568d7774f2535263f620f524f3d68 Mon Sep 17 00:00:00 2001
From: Abhiraj Shourya <45894478+abhirajshourya@users.noreply.github.com>
Date: Mon, 7 Jul 2025 19:07:52 -0400
Subject: [PATCH] fix: show users correctly using userId instead of id from
 user profiles.

---
 src/views/ChoreEdit/ChoreView.jsx     | 6 +++---
 src/views/Chores/ChoreCard.jsx        | 2 +-
 src/views/Chores/CompactChoreCard.jsx | 2 +-
 src/views/ChoresOverview.jsx          | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/views/ChoreEdit/ChoreView.jsx b/src/views/ChoreEdit/ChoreView.jsx
index 52dda97c..8d2f92bd 100644
--- a/src/views/ChoreEdit/ChoreView.jsx
+++ b/src/views/ChoreEdit/ChoreView.jsx
@@ -118,11 +118,11 @@ const ChoreView = () => {
         icon: <PeopleAlt />,
         title: 'Assignment',
         text: `Assigned: ${
-          performers.find(p => p.id === chore.assignedTo)?.displayName || 'N/A'
+          performers.find(p => p.userId === chore.assignedTo)?.displayName || 'N/A'
         }`,
         subtext: ` Last: ${
           chore.lastCompletedDate
-            ? performers.find(p => p.id === chore.lastCompletedBy)?.displayName
+            ? performers.find(p => p.userId === chore.lastCompletedBy)?.displayName
             : '--'
         }`,
       },
@@ -150,7 +150,7 @@ const ChoreView = () => {
         icon: <Person />,
         title: 'Details',
         subtext: `Created By: ${
-          performers.find(p => p.id === chore.createdBy)?.displayName || 'N/A'
+          performers.find(p => p.userId === chore.createdBy)?.displayName || 'N/A'
         }`,
       },
     ]
diff --git a/src/views/Chores/ChoreCard.jsx b/src/views/Chores/ChoreCard.jsx
index 058e11c5..4f172ee6 100644
--- a/src/views/Chores/ChoreCard.jsx
+++ b/src/views/Chores/ChoreCard.jsx
@@ -471,7 +471,7 @@ const ChoreCard = ({
               </Avatar>
               <Box display='flex' flexDirection='column'>
                 <Typography level='title-md'>{getName(chore.name)}</Typography>
-                {userProfile && chore.assignedTo !== userProfile.id && (
+                {userProfile && chore.assignedTo !== userProfile.userId && (
                   <Box display='flex' alignItems='center' gap={0.5}>
                     <Typography level='body-md' color='text.disabled'>
                       Assigned to
diff --git a/src/views/Chores/CompactChoreCard.jsx b/src/views/Chores/CompactChoreCard.jsx
index 016068d6..1fe92076 100644
--- a/src/views/Chores/CompactChoreCard.jsx
+++ b/src/views/Chores/CompactChoreCard.jsx
@@ -358,7 +358,7 @@ const CompactChoreCard = ({
     // Assignee (if not current user)
     if (userProfile && chore.assignedTo !== userProfile.id) {
       const assignee = performers.find(
-        p => p.id === chore.assignedTo,
+        p => p.userId === chore.assignedTo,
       )?.displayName
       if (assignee) parts.push(assignee)
     }
diff --git a/src/views/ChoresOverview.jsx b/src/views/ChoresOverview.jsx
index a4d77da4..1c236beb 100644
--- a/src/views/ChoresOverview.jsx
+++ b/src/views/ChoresOverview.jsx
@@ -205,7 +205,7 @@ const ChoresOverview = () => {
                 {chore.assignedTo > 0 ? (
                   <Tooltip
                     title={
-                      performers.find(p => p.id === chore.assignedTo)
+                      performers.find(p => p.userId === chore.assignedTo)
                         ?.displayName
                     }
                     size='sm'
@@ -214,13 +214,13 @@ const ChoresOverview = () => {
                       startDecorator={
                         <Avatar color='primary'>
                           {
-                            performers.find(p => p.id === chore.assignedTo)
+                            performers.find(p => p.userId === chore.assignedTo)
                               ?.displayName[0]
                           }
                         </Avatar>
                       }
                     >
-                      {performers.find(p => p.id === chore.assignedTo)?.name}
+                      {performers.find(p => p.userId === chore.assignedTo)?.name}
                     </Chip>
                   </Tooltip>
                 ) : (