Added table record mock mode with companies (#2715)

* wip

* Removed console.log

* Refactor mocks into multiple files

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-11-25 19:50:50 +01:00
committed by GitHub
parent ddc054be52
commit f0e20b06df
12 changed files with 2204 additions and 59 deletions

View File

@ -1,22 +0,0 @@
import styled from '@emotion/styled';
import { IconBuildingSkyscraper } from '@/ui/display/icon';
import { PageBody } from '@/ui/layout/page/PageBody';
import { PageContainer } from '@/ui/layout/page/PageContainer';
import { PageHeader } from '@/ui/layout/page/PageHeader';
const StyledTableContainer = styled.div`
display: flex;
width: 100%;
`;
export const CompaniesMockMode = () => {
return (
<PageContainer>
<PageHeader title="Companies" Icon={IconBuildingSkyscraper} />
<PageBody>
<StyledTableContainer></StyledTableContainer>
</PageBody>
</PageContainer>
);
};

View File

@ -1,11 +1,10 @@
import { useNavigate } from 'react-router-dom';
import styled from '@emotion/styled';
import { SignInBackgroundMockPage } from '@/sign-in-background-mock/components/SignInBackgroundMockPage';
import { MainButton } from '@/ui/input/button/components/MainButton';
import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
import { CompaniesMockMode } from '../companies/CompaniesMockMode';
const StyledBackDrop = styled.div`
align-items: center;
backdrop-filter: ${({ theme }) => theme.blur.light};
@ -64,7 +63,7 @@ export const NotFound = () => {
/>
</StyledButtonContainer>
</StyledBackDrop>
<CompaniesMockMode />
<SignInBackgroundMockPage />
</>
);
};