Полная интернационализация

FRONT/DEV/src/components/workSpace/modules/appModules/about.tsx

@@ -6,6 +6,7 @@ import styled, {useTheme} from "styled-components"
 import ThemeButton from "../../../UI/buttons/toggletheme"
 import {buttonNames} from "../../../../const/buttons/names";
 import {IconComponent} from "../../../../const/buttons/icons";
+import {useTranslation} from "../../../../utils/i18n/hooks";
 
 type Props = {
     from: 'reg' | 'helloWindow' | 'workSpace'
@@ -112,7 +113,7 @@ const LinkBlock = styled.a`
 
 const Copyright = styled.div`
     width: 100%;
-    text-align: start;
+    text-align: center;
     color: ${(props => props.theme.offlineColor)};
 `
 
@@ -158,6 +159,7 @@ const MainTitle = styled.div`
 
 export default function About({ from, onBack }: Props) {
     const { setWorkModule } = useWorkSpaceStore()
+    const {t} = useTranslation('common')
     const getBackHandler = () => {
         switch (from) {
             case 'reg':
@@ -177,11 +179,12 @@ export default function About({ from, onBack }: Props) {
     return (
         <Wrapper>
             <Content>
-
                 <MainTitle>
                     <div className={'title'}>
-                        <img src="./assets/images/gossys.png" alt="" />
-                        <div style={{width: '100%', display: "flex", justifyContent: 'center'}}><h1>О приложении</h1></div>
+                        <img src="./assets/images/gossys.png" alt={t('about-logoAlt')} />
+                        <div style={{width: '100%', display: "flex", justifyContent: 'center'}}>
+                            <h1>{t('about-title')}</h1>
+                        </div>
                     </div>
                     <p className={'version'}>v 0.0.3</p>
                 </MainTitle>
@@ -189,15 +192,15 @@ export default function About({ from, onBack }: Props) {
                 <AboutLine/>
 
                 <Title>
-                    <p>ГоNets — минимально работоспособный кроссплатформенный продукт (MVP) для демонстрации нашего подхода к управлению настройками ПК в корпоративной среде.</p>
+                    <p>{t('about-description')}</p>
                 </Title>
 
                 <Listing>
-                    <p>Возможности:</p>
+                    <p>{t('about-featuresTitle')}:</p>
                     <List>
-                        <li>Визуализация активных сетевых ресурсов</li>
-                        <li>Настройка параметров локальных и удалённых сетевых ресурсов</li>
-                        <li>Управление взаимодействием ресурсов с Клиентом ГoNets</li>
+                        <li>{t('about-feature1')}</li>
+                        <li>{t('about-feature2')}</li>
+                        <li>{t('about-feature3')}</li>
                     </List>
                 </Listing>
 
@@ -205,26 +208,28 @@ export default function About({ from, onBack }: Props) {
                     <svg className="icon" viewBox="0 0 24 24">
                         <path d="M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"/>
                     </svg>
-                    <p>Программное обеспечение исключительно для ознакомления и домашнего использования.</p>
-                    <a href={'https://gossys.dev/pages/projects/gonets'}>Перейти на ГоNets-PRO</a>
+                    <p>{t('about-disclaimer')}</p>
+                    <a href={'https://gossys.dev/pages/projects/gonets'}>
+                        {t('about-goToPro')}
+                    </a>
                 </SubTitle>
 
                 <Links>
                     <LinkBlock href={'https://gossys.dev/pages/projects/gonets'}>
-                        Домашняя страницa
+                        {t('about-homepage')}
                     </LinkBlock>
 
                     <LinkBlock href={'https://wiki.gossys.dev/ru/gonets'}>
-                        Документация
+                        {t('about-documentation')}
                     </LinkBlock>
 
                     <LinkBlock href={'https://wiki.gossys.dev/ru/lic/GosysPUB'}>
-                        Лицензия
+                        {t('about-license')}
                     </LinkBlock>
                 </Links>
 
                 <Copyright>
-                    Разработано и поддерживается ООО «Гибридные Офисные Системы» 2024-2025 г. Все права защищены.
+                    {t('about-copyright')}
                 </Copyright>
 
                 <ButtonContainer>
@@ -235,7 +240,6 @@ export default function About({ from, onBack }: Props) {
                             name={buttonNames[12]}
                             onClick={backHandler}
                         />
-
                     )}
 
                     {from == 'reg' &&
@@ -243,7 +247,6 @@ export default function About({ from, onBack }: Props) {
                     }
                 </ButtonContainer>
             </Content>
-
         </Wrapper>
     )
 }