diff --git a/src/Wallets.tsx b/src/Wallets.tsx index e8a5ae1..1152f87 100644 --- a/src/Wallets.tsx +++ b/src/Wallets.tsx @@ -541,7 +541,9 @@ const WalletItem = ({ wallet, updateWalletItem, idx, setSelectedWallet }) => { setIsEdit(true); }} edge="end" - aria-label="edit" + aria-label={t('core:action.edit', { + postProcess: 'capitalizeFirstChar', + })} > diff --git a/src/components/Apps/AppsDevModeNavBar.tsx b/src/components/Apps/AppsDevModeNavBar.tsx index e011ded..798929b 100644 --- a/src/components/Apps/AppsDevModeNavBar.tsx +++ b/src/components/Apps/AppsDevModeNavBar.tsx @@ -109,7 +109,9 @@ export const AppsDevModeNavBar = () => { { { { const [isOpen, setIsOpen] = useState(false); + const theme = useTheme(); + const { t } = useTranslation(['auth', 'core', 'group']); const openBuyQortInfoFunc = useCallback( (e) => { @@ -33,8 +36,6 @@ export const BuyQortInformation = ({ balance }) => { [setIsOpen] ); - const theme = useTheme(); - useEffect(() => { subscribeToEvent('openBuyQortInfo', openBuyQortInfoFunc); @@ -62,7 +63,7 @@ export const BuyQortInformation = ({ balance }) => { maxWidth: '90vw', padding: '10px', width: '400px', - }} + }} // TODO translate > Get QORT using Qortal's crosschain trade portal @@ -113,7 +114,9 @@ export const BuyQortInformation = ({ balance }) => { maxWidth: 360, width: '100%', }} - aria-label="contacts" + aria-label={t('core:contact_other', { + postProcess: 'capitalizeFirstChar', + })} > diff --git a/src/components/Desktop/DesktopFooter.tsx b/src/components/Desktop/DesktopFooter.tsx index f3912ba..b5a1d1f 100644 --- a/src/components/Desktop/DesktopFooter.tsx +++ b/src/components/Desktop/DesktopFooter.tsx @@ -7,6 +7,7 @@ import { HomeIcon } from '../../assets/Icons/HomeIcon'; import { Save } from '../Save/Save'; import { enabledDevModeAtom } from '../../atoms/global'; import { useAtom } from 'jotai'; +import { useTranslation } from 'react-i18next'; export const IconWrapper = ({ children, @@ -65,8 +66,8 @@ export const DesktopFooter = ({ setIsOpenSideViewGroups, }) => { const [isEnabledDevMode, setIsEnabledDevMode] = useAtom(enabledDevModeAtom); - const theme = useTheme(); + const { t } = useTranslation(['auth', 'core', 'group']); if (hide) return; return ( @@ -105,7 +106,12 @@ export const DesktopFooter = ({ setIsOpenSideViewGroups(false); }} > - + @@ -115,7 +121,12 @@ export const DesktopFooter = ({ setDesktopSideView('groups'); }} > - + { { diff --git a/src/components/Group/GroupInvites.tsx b/src/components/Group/GroupInvites.tsx index bd489c4..96f375c 100644 --- a/src/components/Group/GroupInvites.tsx +++ b/src/components/Group/GroupInvites.tsx @@ -162,7 +162,12 @@ export const GroupInvites = ({ myAddress, setOpenAddGroup }) => { }} disablePadding secondaryAction={ - + + { }} disablePadding secondaryAction={ - + { edge="start" color="inherit" onClick={handleClose} - aria-label="close" + aria-label={t('core:action.close', { + postProcess: 'capitalizeFirstChar', + })} > diff --git a/src/components/Language/LanguageSelector.tsx b/src/components/Language/LanguageSelector.tsx index 5700825..6352894 100644 --- a/src/components/Language/LanguageSelector.tsx +++ b/src/components/Language/LanguageSelector.tsx @@ -51,7 +51,10 @@ const LanguageSelector = () => { background: 'none', cursor: 'pointer', }} - aria-label={`Current language: ${name}`} + aria-label={t('core:current_language', { + language: name, + postProcess: 'capitalizeFirstChar', + })} > {flag} diff --git a/src/components/Minting/Minting.tsx b/src/components/Minting/Minting.tsx index c6949ea..f03235b 100644 --- a/src/components/Minting/Minting.tsx +++ b/src/components/Minting/Minting.tsx @@ -581,7 +581,9 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => { }} color="inherit" onClick={() => setIsOpenMinting(false)} - aria-label="close" + aria-label={t('core:action.close', { + postProcess: 'capitalizeFirstChar', + })} > diff --git a/src/components/RegisterName.tsx b/src/components/RegisterName.tsx index dab0585..6e2bfe3 100644 --- a/src/components/RegisterName.tsx +++ b/src/components/RegisterName.tsx @@ -346,7 +346,9 @@ export const RegisterName = ({ diff --git a/src/components/Tutorials/Tutorials.tsx b/src/components/Tutorials/Tutorials.tsx index e8b6794..d480b1c 100644 --- a/src/components/Tutorials/Tutorials.tsx +++ b/src/components/Tutorials/Tutorials.tsx @@ -46,7 +46,9 @@ export const Tutorials = () => { }} value={multiNumber} onChange={(e, value) => setMultiNumber(value)} - aria-label="basic tabs example" + aria-label={t('core:basic_tabs_example', { + postProcess: 'capitalizeFirstChar', + })} > {openTutorialModal?.multi?.map((item, index) => { return ( @@ -66,7 +68,9 @@ export const Tutorials = () => { {selectedTutorial?.title} {