dry_wash_inc/dry-wash-pl
dry_wash_inc/dry-wash-pl
4
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change the paths for localization (#47)
Some checks failed
it-academy/dry-wash-pl/pipeline/head There was a failure building this commit
Details

Browse Source
This commit is contained in:
Ильназ 2024-12-14 18:27:21 +03:00
parent 9f530204fa
commit e2c65fd39c
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/notFound/notFound.tsx
View File

@ -2,11 +2,15 @@ import React from 'react';
import { Text, Button, Center, VStack, Heading } from '@chakra-ui/react'; import { Text, Button, Center, VStack, Heading } from '@chakra-ui/react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Player } from '@lottiefiles/react-lottie-player'; import { Player } from '@lottiefiles/react-lottie-player';
import i18next from 'i18next';
import animate from '../../assets/animation/notFound.json'; import animate from '../../assets/animation/notFound.json';
import { useTranslation } from 'react-i18next';
const NotFound = () => { const NotFound = () => {
const { t } = useTranslation('~', {
keyPrefix: 'dry-wash',
});
return ( return (
<Center minH='100vh'> <Center minH='100vh'>
<VStack spacing={4} textAlign='center'> <VStack spacing={4} textAlign='center'>
@ -21,12 +25,8 @@ const NotFound = () => {
maxWidth: '450px', maxWidth: '450px',
}} }}
/> />
<Heading fontSize='xl'> <Heading fontSize='xl'>{t(`notFound.title`)}</Heading>
{i18next.t(`dry-wash.arm.notFound.title`)} <Text fontSize='lg'>{t(`notFound.description`)}</Text>
</Heading>
<Text fontSize='lg'>
{i18next.t(`dry-wash.arm.notFound.description`)}
</Text>
<Button <Button
as={Link} as={Link}
to='/dry-wash' to='/dry-wash'
@ -34,7 +34,7 @@ const NotFound = () => {
size='lg' size='lg'
variant='outline' variant='outline'
> >
{i18next.t(`dry-wash.arm.notFound.button.back`)} {t(`notFound.button.back`)}
</Button> </Button>
</VStack> </VStack>
</Center> </Center>