Files
twenty/packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockPage.tsx

35 lines
1.3 KiB
TypeScript

import styled from '@emotion/styled';
import { IconBuildingSkyscraper } from 'twenty-ui';
import { RecordFieldValueSelectorContextProvider } from '@/object-record/record-store/contexts/RecordFieldValueSelectorContext';
import { SignInBackgroundMockContainer } from '@/sign-in-background-mock/components/SignInBackgroundMockContainer';
import { PageAddButton } from '@/ui/layout/page/components/PageAddButton';
import { PageBody } from '@/ui/layout/page/components/PageBody';
import { PageContainer } from '@/ui/layout/page/components/PageContainer';
import { PageHeader } from '@/ui/layout/page/components/PageHeader';
import { PageHotkeysEffect } from '@/ui/layout/page/components/PageHotkeysEffect';
const StyledTableContainer = styled.div`
display: flex;
height: 100%;
width: 100%;
`;
export const SignInBackgroundMockPage = () => {
return (
<PageContainer>
<PageHeader title="Companies" Icon={IconBuildingSkyscraper}>
<PageHotkeysEffect onAddButtonClick={() => {}} />
<PageAddButton onClick={() => {}} />
</PageHeader>
<PageBody>
<RecordFieldValueSelectorContextProvider>
<StyledTableContainer>
<SignInBackgroundMockContainer />
</StyledTableContainer>
</RecordFieldValueSelectorContextProvider>
</PageBody>
</PageContainer>
);
};