@ -1,5 +1,6 @@
|
||||
import { SignInBackgroundMockPage } from '@/sign-in-background-mock/components/SignInBackgroundMockPage';
|
||||
import { AppPath } from '@/types/AppPath';
|
||||
import { Trans, useLingui } from '@lingui/react/macro';
|
||||
|
||||
import { PageTitle } from '@/ui/utilities/page-title/components/PageTitle';
|
||||
import styled from '@emotion/styled';
|
||||
@ -33,24 +34,28 @@ const StyledButtonContainer = styled.div`
|
||||
`;
|
||||
|
||||
export const NotFound = () => {
|
||||
const { t } = useLingui();
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageTitle title="Page Not Found | Twenty" />
|
||||
<PageTitle title={t`Page Not Found | Twenty`} />
|
||||
<StyledBackDrop>
|
||||
<AnimatedPlaceholderErrorContainer>
|
||||
<AnimatedPlaceholder type="error404" />
|
||||
<AnimatedPlaceholderEmptyTextContainer>
|
||||
<AnimatedPlaceholderErrorTitle>
|
||||
Off the beaten path
|
||||
<Trans>Off the beaten path</Trans>
|
||||
</AnimatedPlaceholderErrorTitle>
|
||||
<AnimatedPlaceholderErrorSubTitle>
|
||||
The page you're seeking is either gone or never was. Let's get you
|
||||
back on track
|
||||
<Trans>
|
||||
The page you're seeking is either gone or never was. Let's get
|
||||
you back on track
|
||||
</Trans>
|
||||
</AnimatedPlaceholderErrorSubTitle>
|
||||
</AnimatedPlaceholderEmptyTextContainer>
|
||||
<StyledButtonContainer>
|
||||
<UndecoratedLink to={AppPath.Index}>
|
||||
<MainButton title="Back to content" fullWidth />
|
||||
<MainButton title={t`Back to content`} fullWidth />
|
||||
</UndecoratedLink>
|
||||
</StyledButtonContainer>
|
||||
</AnimatedPlaceholderErrorContainer>
|
||||
|
||||
Reference in New Issue
Block a user