translations added

web/src/components/App/PWAInstallationGuide/index.jsx

@@ -1,18 +1,22 @@
 import IconButton from '@material-ui/core/IconButton'
 import CloseIcon from '@material-ui/icons/Close'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import IOSShareIcon from './IOSShareIcon'
 import { StyledWrapper, StyledHeader, StyledContent } from './style'
 
 export function PWAInstallationGuide() {
   const [isOpen, setIsOpen] = useState(!JSON.parse(localStorage.getItem('pwaNotificationIsClosed')))
+  const { t } = useTranslation()
 
   return (
     <StyledWrapper isOpen={isOpen}>
       <StyledHeader>
         <img src='/apple-icon-180.png' width={50} alt='ts-icon' />
-        Install application
+
+        {t('PWAGuide.Header')}
+
         <IconButton
           size='small'
           aria-label='close'
@@ -27,16 +31,16 @@ export function PWAInstallationGuide() {
       </StyledHeader>
 
       <StyledContent>
-        <p>Install the app on your device to easily access it anytime. No app store. No download.</p>
+        <p>{t('PWAGuide.Description')}</p>
 
-        <p>VLC button will be added to open video instantly on the phone</p>
+        <p>{t('PWAGuide.VLC')}</p>
 
         <p>
-          1. Tap on <IOSShareIcon />
+          1. {t('PWAGuide.FirstStep')} <IOSShareIcon />
         </p>
 
         <p>
-          2. Select <span>Add to Home Screen</span>
+          2. {t('PWAGuide.SecondStep.Select')} <span>{t('PWAGuide.SecondStep.AddToHomeScreen')}</span>
         </p>
       </StyledContent>
     </StyledWrapper>