enable localization for the version info

ui/extractedTranslations/da/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Brugere"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/extractedTranslations/de/translation.json

@@ -116,7 +116,7 @@
       "language_selector": {
         "placeholder": "Sprache auswählen"
       },
-      "title": "Persönliche Einstelungen"
+      "title": "Persönliche Einstellungen"
     },
     "users": {
       "add_user": {
@@ -154,6 +154,11 @@
         }
       },
       "title": "Benutzer"
+    },
+    "version_info": {
+      "build_date_title": "Build-Datum",
+      "title": "Photoview Version",
+      "version_title": "Version"
     }
   },
   "share_page": {

ui/extractedTranslations/en/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Users"
+    },
+    "version_info": {
+      "build_date_title": "Build date",
+      "title": "Photoview Version",
+      "version_title": "Release Version"
     }
   },
   "share_page": {

ui/extractedTranslations/es/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Usuarios"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/extractedTranslations/fr/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Utilisateurs"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/extractedTranslations/it/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Utenti"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/extractedTranslations/pl/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Użytkownicy"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/extractedTranslations/sv/translation.json

@@ -154,6 +154,11 @@
         }
       },
       "title": "Användare"
+    },
+    "version_info": {
+      "build_date_title": null,
+      "title": null,
+      "version_title": null
     }
   },
   "share_page": {

ui/src/Pages/SettingsPage/VersionInfo.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
+import { useTranslation } from 'react-i18next'
 import {
   InputLabelDescription,
   InputLabelTitle,
@@ -14,12 +15,20 @@ const VersionInfoWrapper = styled.div`
 `
 
 const VersionInfo = () => {
+  const { t } = useTranslation()
+
   return (
     <VersionInfoWrapper>
-      <SectionTitle>Photoview Version</SectionTitle>
-      <InputLabelTitle>Release Version</InputLabelTitle>
+      <SectionTitle>
+        {t('settings.version_info.title', 'Photoview Version')}
+      </SectionTitle>
+      <InputLabelTitle>
+        {t('settings.version_info.version_title', 'Release Version')}
+      </InputLabelTitle>
       <InputLabelDescription>{VERSION}</InputLabelDescription>
-      <InputLabelTitle>Build date</InputLabelTitle>
+      <InputLabelTitle>
+        {t('settings.version_info.build_date_title', 'Build date')}
+      </InputLabelTitle>
       <InputLabelDescription>{BUILD_DATE}</InputLabelDescription>
     </VersionInfoWrapper>
   )