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

Feat/generic editable cell chip (#982)

Browse Source 
* Added generic relation cell

* Deactivated debug

* Added default warning

* Put back display component

* Removed unused types

* wip

* Renamed to view field

* Use new view field structure to have chip working

* Finished

* Added a temp feature flag
This commit is contained in:
Lucas Bordeau
2023-07-28 20:41:06 +02:00
committed by GitHub
parent d142376ef9
commit afaa962758
30 changed files with 414 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,7 @@ import styled from '@emotion/styled';
import { GET_COMPANIES } from '@/companies/queries';
import { CompanyTable } from '@/companies/table/components/CompanyTable';
import { CompanyTable as CompanyTableV2 } from '@/companies/table/components/CompanyTableV2';
import { TableActionBarButtonCreateActivityCompany } from '@/companies/table/components/TableActionBarButtonCreateActivityCompany';
import { TableActionBarButtonDeleteCompanies } from '@/companies/table/components/TableActionBarButtonDeleteCompanies';
import { IconBuildingSkyscraper } from '@/ui/icon';
@ -11,6 +12,7 @@ import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer'
import { RecoilScope } from '@/ui/recoil-scope/components/RecoilScope';
import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTableActionBar';
import { TableContext } from '@/ui/table/states/TableContext';
import { ACTIVATE_VIEW_FIELDS } from '~/App';
import { useInsertOneCompanyMutation } from '~/generated/graphql';
import { SEARCH_COMPANY_QUERY } from '../../modules/search/queries/search';
@ -41,6 +43,10 @@ export function Companies() {
const theme = useTheme();
const CompanyTableComponent = ACTIVATE_VIEW_FIELDS
? CompanyTableV2
: CompanyTable;
return (
<>
<WithTopBarContainer
@ -50,7 +56,7 @@ export function Companies() {
>
<RecoilScope SpecificContext={TableContext}>
<StyledTableContainer>
<CompanyTable />
<CompanyTableComponent />
</StyledTableContainer>
<EntityTableActionBar>
<TableActionBarButtonCreateActivityCompany />

8
front/src/pages/people/People.tsx
View File

@ -4,6 +4,7 @@ import styled from '@emotion/styled';
import { GET_PEOPLE } from '@/people/queries';
import { PeopleTable } from '@/people/table/components/PeopleTable';
import { PeopleTable as PeopleTableV2 } from '@/people/table/components/PeopleTableV2';
import { TableActionBarButtonCreateActivityPeople } from '@/people/table/components/TableActionBarButtonCreateActivityPeople';
import { TableActionBarButtonDeletePeople } from '@/people/table/components/TableActionBarButtonDeletePeople';
import { IconUser } from '@/ui/icon';
@ -11,6 +12,7 @@ import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer'
import { RecoilScope } from '@/ui/recoil-scope/components/RecoilScope';
import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTableActionBar';
import { TableContext } from '@/ui/table/states/TableContext';
import { ACTIVATE_VIEW_FIELDS } from '~/App';
import { useInsertOnePersonMutation } from '~/generated/graphql';
const StyledTableContainer = styled.div`
@ -35,6 +37,10 @@ export function People() {
const theme = useTheme();
const PeopleTableComponent = ACTIVATE_VIEW_FIELDS
? PeopleTableV2
: PeopleTable;
return (
<RecoilScope SpecificContext={TableContext}>
<WithTopBarContainer
@ -43,7 +49,7 @@ export function People() {
onAddButtonClick={handleAddButtonClick}
>
<StyledTableContainer>
<PeopleTable />
<PeopleTableComponent />
</StyledTableContainer>
<EntityTableActionBar>
<TableActionBarButtonCreateActivityPeople />