588091d3dd
* create RecordTableScope * use RecordTableScope * working on useRecordTable hook * add RecordTableScope to company-table * add RecordTableScope to person-table * add filter state and sort state * add useSetRecordTableData to useRecordTable * wip * add setRecordTableData to useRecordTable * update in RecordTableEffect * fix bug * getting rid of unnecessary context and hooks * remove console.log * wip * fix bug by creating an init effect * fix viewbar not in scope in company and people tables * wip * updating useRecordTable to use internal hooks * updating useRecordTable to use internal hooks * updating useRecordTable to use internal hooks * updating useRecordTable to use internal hooks * modified according to comments
43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { RecordTable } from '@/ui/object/record-table/components/RecordTable';
|
|
import { TableOptionsDropdownId } from '@/ui/object/record-table/constants/TableOptionsDropdownId';
|
|
import { TableOptionsDropdown } from '@/ui/object/record-table/options/components/TableOptionsDropdown';
|
|
import { RecordTableScope } from '@/ui/object/record-table/scopes/RecordTableScope';
|
|
import { ViewBar } from '@/views/components/ViewBar';
|
|
import { ViewScope } from '@/views/scopes/ViewScope';
|
|
import { useUpdateOneCompanyMutation } from '~/generated/graphql';
|
|
|
|
import CompanyTableEffect from './CompanyTableEffect';
|
|
import { CompanyTableMockDataEffect } from './CompanyTableMockDataEffect';
|
|
|
|
const StyledContainer = styled.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: auto;
|
|
`;
|
|
|
|
export const CompanyTableMockMode = () => {
|
|
return (
|
|
<StyledContainer>
|
|
<ViewScope viewScopeId="company-table-mock-mode">
|
|
<RecordTableScope
|
|
recordTableScopeId="company-table-mock-mode-table"
|
|
onColumnsChange={() => {}}
|
|
onEntityCountChange={() => {}}
|
|
>
|
|
<CompanyTableEffect />
|
|
<CompanyTableMockDataEffect />
|
|
<ViewBar
|
|
optionsDropdownButton={<TableOptionsDropdown />}
|
|
optionsDropdownScopeId={TableOptionsDropdownId}
|
|
/>
|
|
|
|
<RecordTable updateEntityMutation={useUpdateOneCompanyMutation} />
|
|
</RecordTableScope>
|
|
</ViewScope>
|
|
</StyledContainer>
|
|
);
|
|
};
|