430644448a
This PR was created by [GitStart](https://gitstart.com/) to address the requirements from this ticket: [TWNTY-7535](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7535). --- ### Description. Migrate link components to `twenty-ui` \ \ Fixes #7535 --------- Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com> Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com> Co-authored-by: Charles Bochet <charles@twenty.com>
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { SignInBackgroundMockPage } from '@/sign-in-background-mock/components/SignInBackgroundMockPage';
|
|
import { AppPath } from '@/types/AppPath';
|
|
import { MainButton } from '@/ui/input/button/components/MainButton';
|
|
|
|
import { PageTitle } from '@/ui/utilities/page-title/components/PageTitle';
|
|
import {
|
|
AnimatedPlaceholder,
|
|
AnimatedPlaceholderEmptyTextContainer,
|
|
AnimatedPlaceholderErrorContainer,
|
|
AnimatedPlaceholderErrorSubTitle,
|
|
AnimatedPlaceholderErrorTitle,
|
|
UndecoratedLink,
|
|
} from 'twenty-ui';
|
|
|
|
const StyledBackDrop = styled.div`
|
|
align-items: center;
|
|
backdrop-filter: ${({ theme }) => theme.blur.light};
|
|
background: ${({ theme }) => theme.background.transparent.secondary};
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 10000;
|
|
`;
|
|
|
|
const StyledButtonContainer = styled.div`
|
|
width: 200px;
|
|
`;
|
|
|
|
export const NotFound = () => {
|
|
return (
|
|
<>
|
|
<PageTitle title="Page Not Found | Twenty" />
|
|
<StyledBackDrop>
|
|
<AnimatedPlaceholderErrorContainer>
|
|
<AnimatedPlaceholder type="error404" />
|
|
<AnimatedPlaceholderEmptyTextContainer>
|
|
<AnimatedPlaceholderErrorTitle>
|
|
Off the beaten path
|
|
</AnimatedPlaceholderErrorTitle>
|
|
<AnimatedPlaceholderErrorSubTitle>
|
|
The page you're seeking is either gone or never was. Let's get you
|
|
back on track
|
|
</AnimatedPlaceholderErrorSubTitle>
|
|
</AnimatedPlaceholderEmptyTextContainer>
|
|
<StyledButtonContainer>
|
|
<UndecoratedLink to={AppPath.Index}>
|
|
<MainButton title="Back to content" fullWidth />
|
|
</UndecoratedLink>
|
|
</StyledButtonContainer>
|
|
</AnimatedPlaceholderErrorContainer>
|
|
</StyledBackDrop>
|
|
<SignInBackgroundMockPage />
|
|
</>
|
|
);
|
|
};
|