diff --git a/public/locales/en/group.json b/public/locales/en/group.json index 09b8c38..62abd70 100644 --- a/public/locales/en/group.json +++ b/public/locales/en/group.json @@ -42,6 +42,7 @@ "invitees_list": "invitees list", "join_link": "join group link", "join_requests": "join requests", + "latest_mails": "latest Q-Mails", "message": { "generic": { "already_in_group": "you are already in this group!", diff --git a/src/components/Group/QMailMessages.tsx b/src/components/Group/QMailMessages.tsx index 3d897e3..b20f519 100644 --- a/src/components/Group/QMailMessages.tsx +++ b/src/components/Group/QMailMessages.tsx @@ -16,6 +16,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ExpandLessIcon from '@mui/icons-material/ExpandLess'; import MarkEmailUnreadIcon from '@mui/icons-material/MarkEmailUnread'; import { useAtom } from 'jotai'; +import { useTranslation } from 'react-i18next'; export const isLessThanOneWeekOld = (timestamp) => { // Current time in milliseconds @@ -53,6 +54,7 @@ export const QMailMessages = ({ userName, userAddress }) => { const [loading, setLoading] = useState(true); const theme = useTheme(); + const { t } = useTranslation(['core', 'group']); const getMails = useCallback(async () => { try { @@ -88,7 +90,10 @@ export const QMailMessages = ({ userName, userAddress }) => { rej(response.error); }) .catch((error) => { - rej(error.message || 'An error occurred'); + rej( + error.message || + t('core:message.error.generic', { postProcess: 'capitalize' }) + ); }); }); } catch (error) { @@ -145,13 +150,14 @@ export const QMailMessages = ({ userName, userAddress }) => { }} onClick={() => setIsExpanded((prev) => !prev)} > - - Latest Q-Mails + {t('group:latest_mails', { postProcess: 'capitalize' })} + { {loading && mails.length === 0 && ( @@ -205,11 +211,11 @@ export const QMailMessages = ({ userName, userAddress }) => { {!loading && mails.length === 0 && ( { color: theme.palette.primary, }} > - Nothing to display + {t('group:message.generic.no_display', { + postProcess: 'capitalize', + })} )}