}
options={Priorities}
@@ -1036,7 +1061,7 @@ const MyChores = () => {
}
options={userLabels}
selectedItem={searchFilter}
@@ -1063,7 +1088,7 @@ const MyChores = () => {
borderRadius: 24,
}}
>
- {' Other'}
+ {t('chores:main.otherFilters.title')}
{
}
}}
>
- {filter}
+ {getFilterDisplayName(filter)}
@@ -1139,7 +1164,7 @@ const MyChores = () => {
updateFilterUrl(null, null)
}}
>
- Cancel All Filters
+ {t('chores:main.cancelAllFilters')}
))}
@@ -1248,7 +1273,9 @@ const MyChores = () => {
updateFilterUrl(null, null)
}}
>
- Additional Filter: {searchFilter}
+ {t('chores:main.additionalFilter', {
+ filter: getFilterDisplayName(searchFilter),
+ })}
)}
{/* Show "Nothing scheduled" when appropriate based on current view mode */}
@@ -1274,7 +1301,7 @@ const MyChores = () => {
}}
/>
- Nothing scheduled
+ {t('chores:main.nothingScheduled')}
{chores.length > 0 && (
<>
@@ -1290,7 +1317,7 @@ const MyChores = () => {
variant='outlined'
color='neutral'
>
- Reset filters
+ {t('chores:main.resetFilters')}
)}
@@ -1452,7 +1479,9 @@ const MyChores = () => {
{selectedCalendarDate && (
- Tasks for {selectedCalendarDate.toLocaleDateString()}
+ {t('common:calendar.tasksForDate', {
+ date: selectedCalendarDate.toLocaleDateString(),
+ })}
{
color: 'text.tertiary',
}}
>
- No tasks scheduled for this date
+ {t('chores:labels.noTasksForDate')}
) : (
{
onClick={() => {
Navigate(`/chores/create`)
}}
- title='Create new chore (Cmd+C)'
+ title={t('chores:main.createNewChoreShortcut')}
>
{
+ const { t } = useTranslation('chores')
const [open, setOpen] = useState(false)
// Define the function outside of useEffect
@@ -48,10 +50,11 @@ const NotificationAccessSnackbar = () => {
})}
>
- Need Notification?
+
+ {t('sidepanel.notifications.title')}
+
- You need to enable permission to receive notifications, do you want to
- enable it?
+ {t('sidepanel.notifications.description')}
{
setOpen(false)
}}
>
- Yes
+ {t('sidepanel.notifications.enable')}
{
setOpen(false)
}}
>
- No, Keep it Disabled
+ {t('sidepanel.notifications.keepDisabled')}
diff --git a/src/views/Chores/SmartInsightsCard.jsx b/src/views/Chores/SmartInsightsCard.jsx
index be316d04..0edea9de 100644
--- a/src/views/Chores/SmartInsightsCard.jsx
+++ b/src/views/Chores/SmartInsightsCard.jsx
@@ -8,6 +8,7 @@ import {
} from '@mui/icons-material'
import { Box, Button, Chip, Sheet, Typography } from '@mui/joy'
import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
import { TASK_COLOR } from '../../utils/Colors'
// Static insight filter definitions – used for URL restoration
@@ -62,6 +63,7 @@ const SmartInsightsCard = ({
clearTempFilter,
tempFilter,
}) => {
+ const { t } = useTranslation('chores')
// Detect all possible insights from chores
const insights = useMemo(() => {
if (!chores || chores.length === 0) return []
@@ -84,8 +86,10 @@ const SmartInsightsCard = ({
id: 'overdue',
priority: 1,
count: overdueTasks.length,
- title: 'Overdue',
- description: `${overdueTasks.length} ${overdueTasks.length === 1 ? 'task is' : 'tasks are'} overdue`,
+ title: t('sidepanel.insights.items.overdue.title'),
+ description: t('sidepanel.insights.items.overdue.description', {
+ count: overdueTasks.length,
+ }),
color: 'danger',
bgColor: TASK_COLOR.OVERDUE,
icon:
Smart Insights
+
+ {t('sidepanel.insights.title')}
+
{tempFilter && (
- Active
+ {t('sidepanel.insights.active')}
)}
{tempFilter
- ? 'Click active filter to clear'
- : 'Quick actions based on your tasks'}
+ ? t('sidepanel.insights.clearHint')
+ : t('sidepanel.insights.description')}
diff --git a/src/views/Chores/SortAndGrouping.jsx b/src/views/Chores/SortAndGrouping.jsx
index 608fa056..efb2094b 100644
--- a/src/views/Chores/SortAndGrouping.jsx
+++ b/src/views/Chores/SortAndGrouping.jsx
@@ -12,6 +12,7 @@ import {
} from '@mui/joy'
import IconButton from '@mui/joy/IconButton'
import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import KeyboardShortcutHint from '../../components/common/KeyboardShortcutHint'
const SortAndGrouping = ({
@@ -28,6 +29,7 @@ const SortAndGrouping = ({
title,
onCreateNewFilter,
}) => {
+ const { t } = useTranslation(['chores', 'common'])
const [anchorEl, setAnchorEl] = useState(null)
const [selectedIndex, setSelectedIndex] = useState(0)
const [isKeyboardNavigating, setIsKeyboardNavigating] = useState(false)
@@ -79,10 +81,10 @@ const SortAndGrouping = ({
if (!anchorEl) return
const groupByItems = [
- { name: 'Smart', value: 'default' },
- { name: 'Due Date', value: 'due_date' },
- { name: 'Priority', value: 'priority' },
- { name: 'Labels', value: 'labels' },
+ { name: t('common:status.smartFilter'), value: 'default' },
+ { name: t('common:labels.dueDate'), value: 'due_date' },
+ { name: t('common:labels.priority'), value: 'priority' },
+ { name: t('common:labels.labelsLabel'), value: 'labels' },
]
const filterItems = [
@@ -143,6 +145,7 @@ const SortAndGrouping = ({
setSelectedItem,
setFilter,
onCreateNewFilter,
+ t,
])
// Reset selected index when menu opens
@@ -247,7 +250,7 @@ const SortAndGrouping = ({
height: 24,
borderRadius: 24,
}}
- title='Sort and Group (Ctrl+G)'
+ title={`${t('chores:main.groupBy')} (Ctrl+G)`}
>
{icon}
{label ? label : null}
@@ -277,7 +280,7 @@ const SortAndGrouping = ({
height: 24,
borderRadius: 24,
}}
- title='Sort and Group (Ctrl+G)'
+ title={`${t('chores:main.groupBy')} (Ctrl+G)`}
>
{label}
@@ -320,7 +323,7 @@ const SortAndGrouping = ({
>
- {title || 'Group By'}
+ {title || t('chores:main.groupBy')}
@@ -328,10 +331,10 @@ const SortAndGrouping = ({
- Quick Filters
+ {t('chores:main.quickFilters')}
@@ -418,7 +421,7 @@ const SortAndGrouping = ({
>
- Assigned to:
+ {t('chores:main.assignedTo')}
@@ -427,28 +430,28 @@ const SortAndGrouping = ({
key={`${k}-assignee-anyone`}
index={4}
filterKey='anyone'
- label='Anyone'
+ label={t('chores:main.filters.anyone')}
/>
- Build advanced filter rules
+ {t('chores:main.createFilterDescription')}
diff --git a/src/views/Chores/TasksByAssigneeCard.jsx b/src/views/Chores/TasksByAssigneeCard.jsx
index 787992b9..5de25328 100644
--- a/src/views/Chores/TasksByAssigneeCard.jsx
+++ b/src/views/Chores/TasksByAssigneeCard.jsx
@@ -1,11 +1,13 @@
import { BarChart, Person } from '@mui/icons-material'
import { Avatar, Box, Sheet, Typography } from '@mui/joy'
import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { useCircleMembers } from '../../queries/UserQueries'
import { TASK_COLOR } from '../../utils/Colors'
import { resolvePhotoURL } from '../../utils/Helpers'
const TasksByAssigneeCard = ({ chores = [] }) => {
+ const { t } = useTranslation('chores')
const [assigneeData, setAssigneeData] = useState([])
const { data: circleMembersData, isLoading: isCircleMembersLoading } =
useCircleMembers()
@@ -104,7 +106,7 @@ const TasksByAssigneeCard = ({ chores = [] }) => {
}}
>
- Loading tasks by assignee...
+ {t('sidepanel.assignees.loading')}
)
@@ -129,7 +131,7 @@ const TasksByAssigneeCard = ({ chores = [] }) => {
>
- No assigned tasks found
+ {t('sidepanel.assignees.empty')}
)
@@ -160,7 +162,9 @@ const TasksByAssigneeCard = ({ chores = [] }) => {
}}
>
Tasks by Assignee
+
+ {t('sidepanel.assignees.title')}
+
@@ -177,22 +181,22 @@ const TasksByAssigneeCard = ({ chores = [] }) => {
{[
{
key: 'inProgress',
- label: 'In Progress',
+ label: t('sidepanel.assignees.legend.inProgress'),
color: getStatusColor('inProgress'),
},
{
key: 'overdue',
- label: 'Overdue',
+ label: t('sidepanel.assignees.legend.overdue'),
color: getStatusColor('overdue'),
},
{
key: 'scheduled',
- label: 'Scheduled',
+ label: t('sidepanel.assignees.legend.scheduled'),
color: getStatusColor('scheduled'),
},
{
key: 'pendingReview',
- label: 'Pending Review',
+ label: t('sidepanel.assignees.legend.pendingReview'),
color: getStatusColor('pendingReview'),
},
].map(status => (
diff --git a/src/views/Chores/UserSwitcher.jsx b/src/views/Chores/UserSwitcher.jsx
index 64834359..ae087b58 100644
--- a/src/views/Chores/UserSwitcher.jsx
+++ b/src/views/Chores/UserSwitcher.jsx
@@ -2,16 +2,18 @@ import { SupervisorAccount } from '@mui/icons-material'
import { Avatar, Box, Button, Sheet, Typography } from '@mui/joy'
import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { useImpersonateUser } from '../../contexts/ImpersonateUserContext'
import { useCircleMembers, useUserProfile } from '../../queries/UserQueries'
import UserModal from '../Modals/Inputs/UserModal'
const UserSwitcher = () => {
- const {
- impersonatedUser,
+ const { t } = useTranslation(['chores', 'common'])
+ const {
+ impersonatedUser,
isImpersonating,
- startImpersonation,
+ startImpersonation,
stopImpersonation,
- canImpersonate
+ canImpersonate,
} = useImpersonateUser()
const { data: userProfile } = useUserProfile()
const [isModalOpen, setIsModalOpen] = useState(false)
@@ -50,17 +52,19 @@ const UserSwitcher = () => {
justifyContent: 'flex-start',
gap: 1,
}}
- >
+ >
View tasks as
+
+ {t('chores:sidepanel.userSwitcher.title')}
+
- Switch to user view
+ {t('chores:sidepanel.userSwitcher.switchTitle')}
- Tasks will be filtered to show only assignments for selected user
+ {t('chores:sidepanel.userSwitcher.switchDescription')}
{
onClick={() => setIsModalOpen(true)}
size='sm'
>
- Choose User
+ {t('chores:sidepanel.userSwitcher.chooseUser')}
{
}}
>
View tasks as
+
+ {t('chores:sidepanel.userSwitcher.title')}
+
@@ -153,7 +159,7 @@ const UserSwitcher = () => {
setIsModalOpen(true)
}}
>
- Change User
+ {t('chores:sidepanel.userSwitcher.changeUser')}
{
stopImpersonation()
}}
>
- Cancel
+ {t('common:actions.cancel')}
diff --git a/src/views/Chores/components/ChoreModals.jsx b/src/views/Chores/components/ChoreModals.jsx
index 2a2a6e8e..da6aa243 100644
--- a/src/views/Chores/components/ChoreModals.jsx
+++ b/src/views/Chores/components/ChoreModals.jsx
@@ -3,6 +3,7 @@ import NudgeModal from '../../Modals/Inputs/NudgeModal'
import SelectModal from '../../Modals/Inputs/SelectModal'
import TextModal from '../../Modals/Inputs/TextModal'
import WriteNFCModal from '../../Modals/Inputs/WriteNFCModal'
+import { useTranslation } from 'react-i18next'
const ChoreModals = ({
activeModal,
@@ -15,6 +16,7 @@ const ChoreModals = ({
onNudge,
onClose,
}) => {
+ const { t } = useTranslation(['chores', 'common'])
return (
<>
{activeModal === 'changeDueDate' && modalChore && (
@@ -22,7 +24,7 @@ const ChoreModals = ({
isOpen={true}
key={'changeDueDate' + modalChore.id}
current={modalChore.nextDueDate}
- title='Change due date'
+ title={t('chores:actions.changeDueDate')}
onClose={onClose}
onSave={onChangeDueDate}
/>
@@ -33,7 +35,7 @@ const ChoreModals = ({
isOpen={true}
key={'completedInPast' + modalChore.id}
current={modalChore.nextDueDate}
- title='Save Chore that you completed in the past'
+ title={t('chores:actions.completeInPast')}
onClose={onClose}
onSave={onCompleteWithPastDate}
/>
@@ -44,8 +46,8 @@ const ChoreModals = ({
isOpen={true}
options={membersData?.res || []}
displayKey='displayName'
- title='Delegate to someone else'
- placeholder='Select a performer'
+ title={t('chores:actions.delegate')}
+ placeholder={t('chores:actions.selectPerformer')}
onClose={onClose}
onSave={selected => onAssigneeChange(selected.id)}
/>
@@ -54,9 +56,9 @@ const ChoreModals = ({
{activeModal === 'completeWithNote' && modalChore && (
- {selectedCount} task{selectedCount !== 1 ? 's' : ''} selected
+ {selectedCount === 1
+ ? t('chores:main.selectedSingle', {
+ count: selectedCount,
+ })
+ : t('chores:main.selectedMultiple', {
+ count: selectedCount,
+ })}
@@ -103,9 +111,9 @@ const MultiSelectToolbar = ({
'--Button-paddingInline': '0.75rem',
position: 'relative',
}}
- title='Select all visible tasks (Ctrl+A)'
+ title={t('chores:main.shortcuts.selectAllVisible')}
>
- All
+ {t('chores:main.all')}
{showKeyboardShortcuts && (
- {selectedCount === 0 ? 'Close' : 'Clear'}
+ {selectedCount === 0
+ ? t('common:actions.close')
+ : t('chores:main.clear')}
{showKeyboardShortcuts && (
- Complete
+ {t('common:actions.complete')}
{showKeyboardShortcuts && selectedCount > 0 && (
- Skip
+ {t('common:actions.skip')}
{showKeyboardShortcuts && selectedCount > 0 && (
- Archive
+ {t('common:actions.archive')}
{showKeyboardShortcuts && selectedCount > 0 && (
- Delete
+ {t('common:actions.delete')}
{showKeyboardShortcuts && selectedCount > 0 && (
{
+ const { t } = useTranslation('common')
return (
- Save your favorite filter combinations for quick access. Create
- custom views to organize and find tasks faster.
+ {t('filters:view.description')}
@@ -434,10 +436,10 @@ const FilterView = () => {
level='title-lg'
sx={{ mb: 1, color: 'text.secondary' }}
>
- No saved filters yet
+ {t('filters:view.emptyTitle')}
- Create custom filters to quickly access your most used chore
+ {t('filters:view.emptyDescription')}
) : (
@@ -483,6 +485,9 @@ const FilterView = () => {
)}
{filter.isPinned ? 'Unpin' : 'Pin'}
+ {filter.isPinned
+ ? t('filters:view.unpin')
+ : t('filters:view.pin')}
@@ -501,7 +506,7 @@ const FilterView = () => {
>
- Edit
+ {t('common:actions.edit')}
@@ -526,7 +531,7 @@ const FilterView = () => {
sx={{ mt: 0.5 }}
color='danger'
>
- Delete
+ {t('common:actions.delete')}
@@ -535,6 +540,7 @@ const FilterView = () => {
}
>
{
console.log(
'Toggling actions for filter:',
diff --git a/src/views/History/ChoreHistory.jsx b/src/views/History/ChoreHistory.jsx
index 17ed4107..f6a9223b 100644
--- a/src/views/History/ChoreHistory.jsx
+++ b/src/views/History/ChoreHistory.jsx
@@ -21,6 +21,7 @@ import EditIcon from '@mui/icons-material/Edit'
import { Box, Button, Card, Container, Grid, Sheet, Typography } from '@mui/joy'
import moment from 'moment'
import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { Link, useParams } from 'react-router-dom'
import { useLocalization } from '../../contexts/LocalizationContext'
import useConfirmationModal from '../../hooks/useConfirmationModal'
@@ -39,6 +40,7 @@ import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
import HistoryCard from './HistoryCard'
const ChoreHistory = () => {
+ const { t } = useTranslation(['history', 'common'])
const [userHistory, setUserHistory] = useState([])
const [historyInfo, setHistoryInfo] = useState([])
const { choreId } = useParams()
@@ -60,16 +62,16 @@ const ChoreHistory = () => {
const handleDelete = historyEntry => {
showConfirmation(
- `Are you sure you want to delete this history record?`,
- 'Delete History Record',
+ t('history:delete.confirm'),
+ t('history:delete.title'),
() => {
deleteChoreHistory.mutate({
choreId,
historyId: historyEntry.id,
})
},
- 'Delete',
- 'Cancel',
+ t('common:actions.delete'),
+ t('common:actions.cancel'),
'danger',
)
}
@@ -122,42 +124,50 @@ const ChoreHistory = () => {
const historyInfo = [
{
icon:
- No History Yet
+ {t('history:empty.title')}
- You haven't completed any tasks. Once you start finishing tasks,
- they'll show up here.
+ {t('history:empty.description')}
-
)
@@ -214,8 +223,8 @@ const ChoreHistory = () => {
- Task Summary
+ >
+ {t('history:summaryTitle')}
@@ -291,7 +300,7 @@ const ChoreHistory = () => {
level='title-md'
sx={{ fontWeight: 'lg', color: 'text.primary' }}
>
- Task Activity
+ {t('history:activityTitle')}
{
>
- Edit
+ {t('common:actions.edit')}
@@ -353,7 +362,7 @@ const ChoreHistory = () => {
>
- Delete
+ {t('common:actions.delete')}
@@ -369,7 +378,9 @@ const ChoreHistory = () => {
onViewNote={notes => {
setNoteViewerConfig({
isOpen: true,
- title: `Updated at ${fmt.dateTime(historyEntry.updatedAt)}`,
+ title: t('history:common.updatedAt', {
+ date: fmt.dateTime(historyEntry.updatedAt),
+ }),
content: notes,
onClose: () => setNoteViewerConfig({ isOpen: false }),
})
@@ -411,8 +422,8 @@ const ChoreHistory = () => {
setIsEditModalOpen(false)
setEditHistory(null)
showSuccess({
- title: 'History Updated',
- message: `The history record has been updated successfully.`,
+ title: t('history:messages.updatedTitle'),
+ message: t('history:messages.updatedMessage'),
})
},
onError: error => {
@@ -433,8 +444,8 @@ const ChoreHistory = () => {
setIsEditModalOpen(false)
setEditHistory(null)
showSuccess({
- title: 'History Deleted',
- message: `The history record has been deleted successfully.`,
+ title: t('history:messages.deletedTitle'),
+ message: t('history:messages.deletedMessage'),
})
},
},
diff --git a/src/views/History/HistoryCard.jsx b/src/views/History/HistoryCard.jsx
index cd81f817..96150eaf 100644
--- a/src/views/History/HistoryCard.jsx
+++ b/src/views/History/HistoryCard.jsx
@@ -15,10 +15,11 @@ import {
} from '@mui/icons-material'
import { Avatar, Box, Chip, Grid, IconButton, Typography } from '@mui/joy'
import moment from 'moment'
+import { useTranslation } from 'react-i18next'
import { useLocalization } from '../../contexts/LocalizationContext'
import { TASK_COLOR } from '../../utils/Colors.jsx'
-const getCompletedChip = historyEntry => {
+const getCompletedChip = (historyEntry, t) => {
if (historyEntry.status === 0 || historyEntry.status === 5 || historyEntry.status === 6) {
return null
}
@@ -48,7 +49,7 @@ const getCompletedChip = historyEntry => {
sx={{ backgroundColor: TASK_COLOR.COMPLETED, color: 'white' }}
startDecorator={
- {getCompletedChip(historyEntry)}
+ {getCompletedChip(historyEntry, t)}
@@ -254,7 +256,7 @@ const HistoryCard = ({
/>
}
>
- {performer?.displayName || 'Unknown'}
+ {performer?.displayName || t('common.unknown')}
)}
@@ -263,10 +265,10 @@ const HistoryCard = ({
@@ -16,8 +18,8 @@ function InfoCard() {
}}
/>
- You've completed
- 12345 Chores
+ {t('info.completedTitle')}
+ {t('info.completedValue')}
)
diff --git a/src/views/Labels/LabelView.jsx b/src/views/Labels/LabelView.jsx
index 61912079..9720d609 100644
--- a/src/views/Labels/LabelView.jsx
+++ b/src/views/Labels/LabelView.jsx
@@ -11,6 +11,7 @@ import {
Typography,
} from '@mui/joy'
import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import LabelModal from '../Modals/Inputs/LabelModal'
import {
@@ -30,7 +31,7 @@ import { getSafeBottomStyles } from '../../utils/SafeAreaUtils'
import ConfirmationModal from '../Modals/Inputs/ConfirmationModal'
import { useLabels } from './LabelQueries'
-const LabelCardContent = ({ label, currentUserId, onToggleActions }) => {
+const LabelCardContent = ({ label, currentUserId, onToggleActions, t }) => {
// Check if current user owns this label
const isOwnedByCurrentUser = label.created_by === currentUserId
@@ -123,7 +124,7 @@ const LabelCardContent = ({ label, currentUserId, onToggleActions }) => {
fontWeight: 'md',
}}
>
- Shared
+ {t('labelsView:shared')}
)}
@@ -148,6 +149,7 @@ const LabelCardContent = ({ label, currentUserId, onToggleActions }) => {
}
const LabelView = () => {
+ const { t } = useTranslation(['labelsView', 'common'])
const { data: labels, isLabelsLoading, isError } = useLabels()
const { data: userProfile } = useUserProfile()
@@ -172,14 +174,11 @@ const LabelView = () => {
const handleDeleteClicked = id => {
setConfirmationModel({
isOpen: true,
- title: 'Delete Label',
-
- message:
- 'Are you sure you want to delete this label? This will remove the label from all tasks.',
-
- confirmText: 'Delete',
+ title: t('labelsView:deleteTitle'),
+ message: t('labelsView:deleteMessage'),
+ confirmText: t('common:actions.delete'),
color: 'danger',
- cancelText: 'Cancel',
+ cancelText: t('common:actions.cancel'),
onClose: confirmed => {
if (confirmed === true) {
handleDeleteLabel(id)
@@ -229,7 +228,7 @@ const LabelView = () => {
if (isError) {
return (
- Failed to load labels. Please try again.
+ {t('labelsView:loadFailed')}
)
}
@@ -243,12 +242,10 @@ const LabelView = () => {
level='h3'
sx={{ fontWeight: 'lg', color: 'text.primary' }}
>
- Labels
+ {t('labelsView:title')}
- Manage your labels and organize your tasks effectively. Labels will
- be automatically shared with your circle if they are used on a
- shared task.
+ {t('labelsView:description')}
@@ -268,7 +265,7 @@ const LabelView = () => {
}}
>
- No labels available. Add a new label to get started.
+ {t('labelsView:empty')}
)}
@@ -301,7 +298,7 @@ const LabelView = () => {
>
- Edit
+ {t('common:actions.edit')}
@@ -320,7 +317,7 @@ const LabelView = () => {
>
- Delete
+ {t('common:actions.delete')}
@@ -331,6 +328,7 @@ const LabelView = () => {
{
if (showMoreInfoId === label.id) {
setShowMoreInfoId(null)
diff --git a/src/views/Modals/EditHistoryModal.jsx b/src/views/Modals/EditHistoryModal.jsx
index 959441c5..28acaa1f 100644
--- a/src/views/Modals/EditHistoryModal.jsx
+++ b/src/views/Modals/EditHistoryModal.jsx
@@ -1,11 +1,13 @@
import { Box, Button, FormLabel, Input } from '@mui/joy'
import moment from 'moment'
import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { useResponsiveModal } from '../../hooks/useResponsiveModal'
import ConfirmationModal from './Inputs/ConfirmationModal'
function EditHistoryModal({ config, historyRecord }) {
+ const { t } = useTranslation(['history', 'common'])
const { ResponsiveModal } = useResponsiveModal()
const [completedDate, setCompletedDate] = useState('')
@@ -39,7 +41,7 @@ function EditHistoryModal({ config, historyRecord }) {
onClose={config?.onClose}
size='lg'
// fullWidth={true}
- title='Edit History'
+ title={t('history:edit.title')}
footer={
- Save
+ {t('common:actions.save')}
- Cancel
+ {t('common:actions.cancel')}
}
>
- Due Date
+ {t('common:labels.dueDate')}
Completed Date
+ {t('history:edit.completedDate')}
Note
+ {t('history:edit.note')}
- {member?.displayName || member?.username || 'Unknown'}
+ {member?.displayName ||
+ member?.username ||
+ t('filters:advanced.unknown')}
)
})}
@@ -241,7 +245,7 @@ const AdvancedFilterBuilder = ({
onChange={(_, newValue) =>
updateCondition(index, 'value', newValue)
}
- placeholder='Select creators'
+ placeholder={t('filters:advanced.selectCreators')}
sx={{ width: '100%' }}
slotProps={{
listbox: {
@@ -285,7 +289,7 @@ const AdvancedFilterBuilder = ({
onChange={(_, newValue) =>
updateCondition(index, 'value', newValue)
}
- placeholder='Select priorities'
+ placeholder={t('filters:advanced.selectPriorities')}
sx={{ width: '100%' }}
slotProps={{
listbox: {
@@ -326,7 +330,7 @@ const AdvancedFilterBuilder = ({
onChange={(_, newValue) =>
updateCondition(index, 'value', newValue)
}
- placeholder='Select labels'
+ placeholder={t('filters:advanced.selectLabels')}
sx={{ width: '100%' }}
slotProps={{
listbox: {
@@ -342,7 +346,7 @@ const AdvancedFilterBuilder = ({
const label = labels.find(l => String(l.id) === String(value))
return (
- {label?.name || 'Unknown'}
+ {label?.name || t('filters:advanced.unknown')}
)
})}
@@ -365,7 +369,7 @@ const AdvancedFilterBuilder = ({
onChange={(_, newValue) =>
updateCondition(index, 'value', newValue)
}
- placeholder='Select projects'
+ placeholder={t('filters:advanced.selectProjects')}
sx={{ width: '100%' }}
slotProps={{
listbox: {
@@ -380,7 +384,7 @@ const AdvancedFilterBuilder = ({
if (value === 'default')
return (
- Default
+ {t('filters:advanced.defaultProject')}
)
const project = projects.find(
@@ -388,14 +392,14 @@ const AdvancedFilterBuilder = ({
)
return (
- {project?.name || 'Unknown'}
+ {project?.name || t('filters:advanced.unknown')}
)
})}
)}
>
- Default Project
+ {t('filters:advanced.defaultProject')}
{projects
.filter(p => p.id !== 'default')
.map((project, idx) => (
@@ -417,7 +421,7 @@ const AdvancedFilterBuilder = ({
onChange={(_, newValue) =>
updateCondition(index, 'value', newValue)
}
- placeholder='Select statuses'
+ placeholder={t('filters:advanced.selectStatuses')}
sx={{ width: '100%' }}
slotProps={{
listbox: {
@@ -430,24 +434,24 @@ const AdvancedFilterBuilder = ({
{selected.map((selectedElement, idx) => {
const value = selectedElement.value
const statusLabels = {
- 0: 'Active',
- 1: 'Started',
- 2: 'In Progress',
- 3: 'Pending Approval',
+ 0: t('filters:advanced.active'),
+ 1: t('filters:advanced.started'),
+ 2: t('filters:advanced.inProgress'),
+ 3: t('filters:advanced.pendingApproval'),
}
return (
- {statusLabels[value] || 'Unknown'}
+ {statusLabels[value] || t('filters:advanced.unknown')}
)
})}
)}
>
- Active
- Started
- In Progress
- Pending Approval
+ {t('filters:advanced.active')}
+ {t('filters:advanced.started')}
+ {t('filters:advanced.inProgress')}
+ {t('filters:advanced.pendingApproval')}
)
@@ -466,13 +470,13 @@ const AdvancedFilterBuilder = ({
},
}}
>
- Is Overdue
- Is Due Today
- Is Due Tomorrow
- Is Due This Week
- Is Due This Month
- Has No Due Date
- Has Due Date
+ {t('filters:advanced.isOverdue')}
+ {t('filters:advanced.isDueToday')}
+ {t('filters:advanced.isDueTomorrow')}
+ {t('filters:advanced.isDueThisWeek')}
+ {t('filters:advanced.isDueThisMonth')}
+ {t('filters:advanced.hasNoDueDate')}
+ {t('filters:advanced.hasDueDate')}
)
@@ -492,11 +496,15 @@ const AdvancedFilterBuilder = ({
},
}}
>
- Equals
- Greater Than
- Less Than
- Greater Than or Equal
- Less Than or Equal
+ {t('filters:advanced.equals')}
+ {t('filters:advanced.greaterThan')}
+ {t('filters:advanced.lessThan')}
+
+ {t('filters:advanced.greaterThanOrEqual')}
+
+
+ {t('filters:advanced.lessThanOrEqual')}
+
- Cancel
+ {t('common:actions.cancel')}
- Save
+ {t('common:actions.save')}
}
@@ -547,10 +559,10 @@ const AdvancedFilterBuilder = ({
>
- Filter Name
+ {t('filters:advanced.filterName')}
- Description (Optional)
+ {t('filters:advanced.descriptionOptional')}