36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { RecordTableActionBar } from '@/object-record/record-table/action-bar/components/RecordTableActionBar';
|
|
import { RecordTableContextMenu } from '@/object-record/record-table/context-menu/components/RecordTableContextMenu';
|
|
import { SignInBackgroundMockContainer } from '@/sign-in-background-mock/components/SignInBackgroundMockContainer';
|
|
import { IconBuildingSkyscraper } from '@/ui/display/icon';
|
|
import { PageAddButton } from '@/ui/layout/page/PageAddButton';
|
|
import { PageBody } from '@/ui/layout/page/PageBody';
|
|
import { PageContainer } from '@/ui/layout/page/PageContainer';
|
|
import { PageHeader } from '@/ui/layout/page/PageHeader';
|
|
import { PageHotkeysEffect } from '@/ui/layout/page/PageHotkeysEffect';
|
|
|
|
const StyledTableContainer = styled.div`
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
`;
|
|
|
|
export const SignInBackgroundMockPage = () => {
|
|
return (
|
|
<PageContainer>
|
|
<PageHeader title="Objects" Icon={IconBuildingSkyscraper}>
|
|
<PageHotkeysEffect onAddButtonClick={() => {}} />
|
|
<PageAddButton onClick={() => {}} />
|
|
</PageHeader>
|
|
<PageBody>
|
|
<StyledTableContainer>
|
|
<SignInBackgroundMockContainer />
|
|
</StyledTableContainer>
|
|
<RecordTableActionBar />
|
|
<RecordTableContextMenu />
|
|
</PageBody>
|
|
</PageContainer>
|
|
);
|
|
};
|