mukeshs/twenty_crm
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

18
front/src/modules/ui/table/components/EntityTableHeaderV2.tsx
View File

@ -1,12 +1,12 @@
import { useRecoilValue } from 'recoil';
import { entityFieldMetadataArrayState } from '../states/entityFieldMetadataArrayState';
import { viewFieldsState } from '../states/viewFieldsState';
import { ColumnHead } from './ColumnHead';
import { SelectAllCheckbox } from './SelectAllCheckbox';
export function EntityTableHeader() {
const fieldMetadataArray = useRecoilValue(entityFieldMetadataArrayState);
const viewFields = useRecoilValue(viewFieldsState);
return (
<thead>
@ -20,18 +20,18 @@ export function EntityTableHeader() {
>
<SelectAllCheckbox />
</th>
{fieldMetadataArray.map((fieldMetadata) => (
{viewFields.map((viewField) => (
<th
key={fieldMetadata.fieldName.toString()}
key={viewField.columnOrder.toString()}
style={{
width: fieldMetadata.columnSize,
minWidth: fieldMetadata.columnSize,
maxWidth: fieldMetadata.columnSize,
width: viewField.columnSize,
minWidth: viewField.columnSize,
maxWidth: viewField.columnSize,
}}
>
<ColumnHead
viewName={fieldMetadata.label}
viewIcon={fieldMetadata.icon}
viewName={viewField.columnLabel}
viewIcon={viewField.columnIcon}
/>
</th>
))}