diff --git a/public/locales/en/core.json b/public/locales/en/core.json index bb56264..576f952 100644 --- a/public/locales/en/core.json +++ b/public/locales/en/core.json @@ -15,8 +15,7 @@ "export": "export", "import": "import", "logout": "logout", - "refetch_page": "refetch page", - "return_to_thread": "return to threads" + "refetch_page": "refetch page" }, "core": { "block_height": "block height", diff --git a/public/locales/en/group.json b/public/locales/en/group.json index 453c1f6..21d11c4 100644 --- a/public/locales/en/group.json +++ b/public/locales/en/group.json @@ -1,12 +1,17 @@ { + "action": { + "return_to_thread": "return to threads" + }, + "group_invites": "group invites", "provide_thread": "please provide a thread title", "result": { "cannot": { "access_name": "Cannot send a message without a access to your name", "group_info": "Cannot access group information" - } + }, + "loading_threads": "loading threads... please wait." }, - "": "", + "": "", "": "", "": "", diff --git a/src/components/Group/Forum/GroupMail.tsx b/src/components/Group/Forum/GroupMail.tsx index 0de9921..c575cf1 100644 --- a/src/components/Group/Forum/GroupMail.tsx +++ b/src/components/Group/Forum/GroupMail.tsx @@ -121,7 +121,9 @@ export const GroupMail = ({ }); setTempPublishedList(tempData); } - } catch (error) {} + } catch (error) { + console.log(error); + } }; const getEncryptedResource = async ( diff --git a/src/components/Group/Forum/Thread.tsx b/src/components/Group/Forum/Thread.tsx index 476db83..1a4075e 100644 --- a/src/components/Group/Forum/Thread.tsx +++ b/src/components/Group/Forum/Thread.tsx @@ -608,7 +608,7 @@ export const Thread = ({ > - {t('core:action.return_to_thread', { postProcess: 'capitalize' })} + {t('group:action.return_to_thread', { postProcess: 'capitalize' })} {/* Conditionally render the scroll buttons */} diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx index a4629ce..f0eff94 100644 --- a/src/components/Group/Group.tsx +++ b/src/components/Group/Group.tsx @@ -55,8 +55,6 @@ import { RequestQueueWithPromise } from '../../utils/queue/queue'; import { WebSocketActive } from './WebsocketActive'; import { useMessageQueue } from '../../MessageQueueContext'; import { ContextMenu } from '../ContextMenu'; -import { ReturnIcon } from '../../assets/Icons/ReturnIcon'; -import { ExitIcon } from '../../assets/Icons/ExitIcon'; import { HomeDesktop } from './HomeDesktop'; import { IconWrapper } from '../Desktop/DesktopFooter'; import { DesktopHeader } from '../Desktop/DesktopHeader'; @@ -80,6 +78,7 @@ import LockIcon from '@mui/icons-material/Lock'; import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred'; import { BlockedUsersModal } from './BlockedUsersModal'; import { WalletsAppWrapper } from './WalletsAppWrapper'; +import { useTranslation } from 'react-i18next'; export const getPublishesFromAdmins = async (admins: string[], groupId) => { const queryString = admins.map((name) => `name=${name}`).join('&'); @@ -450,6 +449,7 @@ export const Group = ({ const [isOpenSideViewGroups, setIsOpenSideViewGroups] = useState(false); const [isForceShowCreationKeyPopup, setIsForceShowCreationKeyPopup] = useState(false); + const { t } = useTranslation(['core', 'group']); const [groupsProperties, setGroupsProperties] = useRecoilState(groupsPropertiesAtom); diff --git a/src/components/Group/GroupInvites.tsx b/src/components/Group/GroupInvites.tsx index ecbf88a..c753fdb 100644 --- a/src/components/Group/GroupInvites.tsx +++ b/src/components/Group/GroupInvites.tsx @@ -1,4 +1,4 @@ -import * as React from 'react'; +import { useEffect, useState } from 'react'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; import ListItemButton from '@mui/material/ListItemButton'; @@ -12,14 +12,13 @@ import { CustomLoader } from '../../common/CustomLoader'; import { getBaseApiReact } from '../../App'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ExpandLessIcon from '@mui/icons-material/ExpandLess'; +import { useTranslation } from 'react-i18next'; export const GroupInvites = ({ myAddress, setOpenAddGroup }) => { - const [groupsWithJoinRequests, setGroupsWithJoinRequests] = React.useState( - [] - ); - const [isExpanded, setIsExpanded] = React.useState(false); + const [groupsWithJoinRequests, setGroupsWithJoinRequests] = useState([]); + const [isExpanded, setIsExpanded] = useState(false); - const [loading, setLoading] = React.useState(true); + const [loading, setLoading] = useState(true); const getJoinRequests = async () => { try { @@ -38,9 +37,10 @@ export const GroupInvites = ({ myAddress, setOpenAddGroup }) => { } }; + const { t } = useTranslation(['core', 'group']); const theme = useTheme(); - React.useEffect(() => { + useEffect(() => { if (myAddress) { getJoinRequests(); } @@ -71,7 +71,7 @@ export const GroupInvites = ({ myAddress, setOpenAddGroup }) => { fontSize: '1rem', }} // TODO translate > - Group Invites{' '} + {t('group:group_invites', { postProcess: 'capitalize' })}{' '} {groupsWithJoinRequests?.length > 0 && ` (${groupsWithJoinRequests?.length})`}