From 02ef49ad1ad586637b22f6764034de2c1226a896 Mon Sep 17 00:00:00 2001
From: Matt Monroe <matt.a.monroe@gmail.com>
Date: Thu, 16 Apr 2026 11:32:37 -0600
Subject: [PATCH] Add Click to Items in Recent Activities

Add an onclick function to bring up the Chore View for items in the
Recent Activities component
---
 src/views/Chores/ActivitesCard.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/Chores/ActivitesCard.jsx b/src/views/Chores/ActivitesCard.jsx
index 54c31cb7..6658c4e5 100644
--- a/src/views/Chores/ActivitesCard.jsx
+++ b/src/views/Chores/ActivitesCard.jsx
@@ -27,12 +27,14 @@ import {
 } from '@mui/joy'
 import moment from 'moment'
 import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 import { useChores, useChoresHistory } from '../../queries/ChoreQueries'
 import { useCircleMembers } from '../../queries/UserQueries'
 import { resolvePhotoURL } from '../../utils/Helpers'
 import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
 
 const ActivityItem = ({ activity, members, onViewNote }) => {
+  const Navigate = useNavigate()
   // Find the member who completed the activity
   const completedByMember = members?.find(
     member => member.userId === activity.completedBy,
@@ -122,7 +124,12 @@ const ActivityItem = ({ activity, members, onViewNote }) => {
   }
 
   return (
-    <ListItem sx={{ alignItems: 'flex-start', py: 0.5 }}>
+    <ListItem
+      sx={{ alignItems: 'flex-start', cursor: 'pointer', py: 0.5 }}
+      onClick={function () {
+        Navigate('/chores/' + activity.choreId)
+      }}
+    >
       <ListItemDecorator sx={{ mt: 0.5 }}>
         <Avatar
           size='sm'