tech(install-modal): add i18n keys

HyperPlay-Gaming · Dec 5, 2024 · 6d64633 · 6d64633
1 parent f503d8e
commit 6d64633
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -544,6 +544,10 @@
     },
     "Install Steam": "Install Steam",
     "Installing Steam": "Installing Steam...",
+    "installModal": {
+        "loginRequired": "Login Required",
+        "loginRequiredMessage": "You need to be logged into HyperPlay to enter your access code and install this game. "
+    },
     "Launch Steam": "Launch Steam",
     "Launching Steam": "Launching Steam...",
     "library": {

diff --git a/src/frontend/screens/Library/components/InstallModal/index.tsx b/src/frontend/screens/Library/components/InstallModal/index.tsx
@@ -31,6 +31,7 @@ import ModDialog from './ModDialog'
 import { AccessCodeInput } from 'frontend/components/UI/AccessCodeInput'
 import useAuthSession from 'frontend/hooks/useAuthSession'
 import { AlertCard } from '@hyperplay/ui'
+import { useTranslation } from 'react-i18next'
 
 type Props = {
   appName: string
@@ -45,6 +46,7 @@ export default React.memo(function InstallModal({
   runner,
   gameInfo = null
 }: Props) {
+  const { t } = useTranslation()
   const { platform } = useContext(ContextProvider)
   const { isSignedIn } = useAuthSession()
 
@@ -208,8 +210,11 @@ export default React.memo(function InstallModal({
       accessCodeContent = (
         <AlertCard
           showClose={false}
-          title="Login Required"
-          message="You need to be logged into HyperPlay to enter your access code and install this game."
+          title={t('installModal.loginRequired', 'Login Required')}
+          message={t(
+            'installModal.loginRequiredMessage',
+            'You need to be logged into HyperPlay to enter your access code and install this game. '
+          )}
           variant="warning"
         />
       )