diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json index 8f0560e3e9..4ef86e94b6 100644 --- a/invokeai/frontend/web/public/locales/en.json +++ b/invokeai/frontend/web/public/locales/en.json @@ -86,6 +86,7 @@ "copyError": "$t(gallery.copy) Error", "close": "Close", "on": "On", + "or": "or", "checkpoint": "Checkpoint", "communityLabel": "Community", "controlNet": "ControlNet", diff --git a/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeyListItem.tsx b/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeyListItem.tsx index 8fd99bec80..08a8a228e0 100644 --- a/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeyListItem.tsx +++ b/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeyListItem.tsx @@ -1,7 +1,7 @@ -/* eslint-disable i18next/no-literal-string */ import { Flex, Kbd, Spacer } from '@chakra-ui/react'; import { InvText } from 'common/components/InvText/wrapper'; -import { memo } from 'react'; +import { Fragment, memo } from 'react'; +import { useTranslation } from 'react-i18next'; interface HotkeysModalProps { hotkeys: string[][]; @@ -10,6 +10,7 @@ interface HotkeysModalProps { } const HotkeyListItem = (props: HotkeysModalProps) => { + const { t } = useTranslation(); const { title, hotkeys, description } = props; return ( @@ -18,7 +19,7 @@ const HotkeyListItem = (props: HotkeysModalProps) => { {hotkeys.map((hotkey, index) => { return ( - <> + {hotkey.map((key, index) => ( <> { variant="subtext" fontWeight="semibold" > - or + {t('common.or')} )} - + ); })}