00a3c8ca2b
* Change to using arrow functions Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> * Add lint rule --------- Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> Co-authored-by: Charles Bochet <charles@twenty.com>
30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { CompanyTableMockMode } from '@/companies/table/components/CompanyTableMockMode';
|
|
import { IconBuildingSkyscraper } from '@/ui/icon';
|
|
import { PageBody } from '@/ui/layout/components/PageBody';
|
|
import { PageContainer } from '@/ui/layout/components/PageContainer';
|
|
import { PageHeader } from '@/ui/layout/components/PageHeader';
|
|
import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
|
|
import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
|
|
|
|
const StyledTableContainer = styled.div`
|
|
display: flex;
|
|
width: 100%;
|
|
`;
|
|
|
|
export const CompaniesMockMode = () => {
|
|
return (
|
|
<PageContainer>
|
|
<PageHeader title="Companies" Icon={IconBuildingSkyscraper} />
|
|
<PageBody>
|
|
<RecoilScope CustomRecoilScopeContext={TableRecoilScopeContext}>
|
|
<StyledTableContainer>
|
|
<CompanyTableMockMode />
|
|
</StyledTableContainer>
|
|
</RecoilScope>
|
|
</PageBody>
|
|
</PageContainer>
|
|
);
|
|
};
|