Merge pull request #231 from everysingletear/fix/activities-card-scope

fix: ActivitiesCard crashes — t() in a prop default has no scope
This commit is contained in:
Mohamad Tarbin
2026-08-16 11:27:12 -04:00
committed by GitHub
2 changed files with 7 additions and 5 deletions

View File

@@ -274,7 +274,9 @@ const groupActivitiesByDate = activities => {
return groups
}
const ActivitiesCard = ({ title = t('activity.title') }) => {
const ActivitiesCard = ({ title }) => {
const { t } = useTranslation('chores')
const displayTitle = title || t('activity.title')
const [noteViewerConfig, setNoteViewerConfig] = useState({ isOpen: false })
// Use hooks to fetch data
@@ -323,7 +325,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
}}
>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
<Typography level='title-md'>{title}</Typography>
<Typography level='title-md'>{displayTitle}</Typography>
</Box>
<Box
sx={{
@@ -380,7 +382,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
<EventNote color='' />
<Typography level='title-md'>{title}</Typography>
<Typography level='title-md'>{displayTitle}</Typography>
</Box>
<Box
sx={{
@@ -425,7 +427,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
<EventNote color='' />
<Typography level='title-md'>{title}</Typography>
<Typography level='title-md'>{displayTitle}</Typography>
</Box>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
<Chip size='sm' variant='soft' color='neutral'>

View File

@@ -33,7 +33,6 @@ import DateModal from './Modals/Inputs/DateModal'
// enum for chore status:
const CHORE_STATUS = {
const { t } = useTranslation('chores')
NO_DUE_DATE: 'No due date',
DUE_SOON: 'Soon',
DUE_NOW: 'Due',
@@ -41,6 +40,7 @@ const CHORE_STATUS = {
}
const ChoresOverview = () => {
const { t } = useTranslation('chores')
const [chores, setChores] = useState([])
const [filteredChores, setFilteredChores] = useState([])
const [performers, setPerformers] = useState([])