admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

- refactored to use multiple states

Browse Source
This commit is contained in:
brendanlaschke
2023-08-11 10:27:31 +02:00
parent b76f01d930
commit accfaafcfa
34 changed files with 486 additions and 419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
front/src/pages/companies/Companies.tsx
View File

@ -1,14 +1,13 @@
import { useEffect } from 'react';
import { getOperationName } from '@apollo/client/utilities';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { useRecoilState } from 'recoil';
import { v4 } from 'uuid';
import { useOpenActionBar } from '@/companies/hooks/useOpenActionBar';
import { useOpenContextMenu } from '@/companies/hooks/useOpenContextMenu';
import { CompanyTable } from '@/companies/table/components/CompanyTable';
import { TableActionBarButtonCreateActivityCompany } from '@/companies/table/components/TableActionBarButtonCreateActivityCompany';
import { TableActionBarButtonDeleteCompanies } from '@/companies/table/components/TableActionBarButtonDeleteCompanies';
import { TableContextMenuEntryDeleteCompanies } from '@/companies/table/components/TableActionBarButtonDeleteCompanies copy';
import { TableContextMenuEntryCreateActivityCompany } from '@/companies/table/components/TableContextMenuEntryCreateActivityCompany copy';
import { SEARCH_COMPANY_QUERY } from '@/search/queries/search';
import { IconBuildingSkyscraper } from '@/ui/icon';
import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
@ -60,6 +59,14 @@ export function Companies() {
const theme = useTheme();
const setContextMenu = useOpenContextMenu();
const setActionBar = useOpenActionBar();
useEffect(() => {
setContextMenu();
setActionBar();
}, [setContextMenu, setActionBar]);
return (
<>
<WithTopBarContainer
@ -71,14 +78,8 @@ export function Companies() {
<StyledTableContainer>
<CompanyTable />
</StyledTableContainer>
<EntityTableActionBar>
<TableActionBarButtonCreateActivityCompany />
<TableActionBarButtonDeleteCompanies />
</EntityTableActionBar>
<EntityTableContextMenu>
<TableContextMenuEntryCreateActivityCompany />
<TableContextMenuEntryDeleteCompanies />
</EntityTableContextMenu>
<EntityTableActionBar></EntityTableActionBar>
<EntityTableContextMenu></EntityTableContextMenu>
</RecoilScope>
</WithTopBarContainer>
</>

7
front/src/pages/companies/CompaniesMockMode.tsx
View File

@ -2,8 +2,6 @@ import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { CompanyTableMockMode } from '@/companies/table/components/CompanyTableMockMode';
import { TableActionBarButtonCreateActivityCompany } from '@/companies/table/components/TableActionBarButtonCreateActivityCompany';
import { TableActionBarButtonDeleteCompanies } from '@/companies/table/components/TableActionBarButtonDeleteCompanies';
import { IconBuildingSkyscraper } from '@/ui/icon';
import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTableActionBar';
@ -28,10 +26,7 @@ export function CompaniesMockMode() {
<StyledTableContainer>
<CompanyTableMockMode />
</StyledTableContainer>
<EntityTableActionBar>
<TableActionBarButtonCreateActivityCompany />
<TableActionBarButtonDeleteCompanies />
</EntityTableActionBar>
<EntityTableActionBar></EntityTableActionBar>
</RecoilScope>
</WithTopBarContainer>
</>