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

Refacto/remaining inplace input cells (#531)

Browse Source 
* Add inplace date input component

* Add inplace phone input component

* Add inplace double text input component

* Add inplace chip input component

* Remove useless styled component

* Reduce code through props destructuring
This commit is contained in:
Emilien Chauvet
2023-07-07 15:00:01 -07:00
committed by GitHub
parent f62fdc1219
commit 6446692f25
16 changed files with 168 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/pages/companies/companies-columns.tsx
View File

@ -3,7 +3,7 @@ import { createColumnHelper } from '@tanstack/react-table';
import { CompanyAccountOwnerCell } from '@/companies/components/CompanyAccountOwnerCell';
import { CompanyEditableNameChipCell } from '@/companies/components/CompanyEditableNameCell';
import { EditableDate } from '@/ui/components/editable-cell/types/EditableDate';
import { EditableDateCell } from '@/ui/components/editable-cell/types/EditableDateCell';
import { EditableTextCell } from '@/ui/components/editable-cell/types/EditableTextCell';
import { ColumnHead } from '@/ui/components/table/ColumnHead';
import {
@ -114,7 +114,7 @@ export const useCompaniesColumns = () => {
/>
),
cell: (props) => (
<EditableDate
<EditableDateCell
value={
props.row.original.createdAt
? new Date(props.row.original.createdAt)

8
front/src/pages/people/people-columns.tsx
View File

@ -3,8 +3,8 @@ import { createColumnHelper } from '@tanstack/react-table';
import { EditablePeopleFullName } from '@/people/components/EditablePeopleFullName';
import { PeopleCompanyCell } from '@/people/components/PeopleCompanyCell';
import { EditableDate } from '@/ui/components/editable-cell/types/EditableDate';
import { EditablePhone } from '@/ui/components/editable-cell/types/EditablePhone';
import { EditableDateCell } from '@/ui/components/editable-cell/types/EditableDateCell';
import { EditablePhoneCell } from '@/ui/components/editable-cell/types/EditablePhoneCell';
import { EditableTextCell } from '@/ui/components/editable-cell/types/EditableTextCell';
import { ColumnHead } from '@/ui/components/table/ColumnHead';
import {
@ -87,7 +87,7 @@ export const usePeopleColumns = () => {
<ColumnHead viewName="Phone" viewIcon={<IconPhone size={16} />} />
),
cell: (props) => (
<EditablePhone
<EditablePhoneCell
placeholder="Phone"
value={props.row.original.phone || ''}
changeHandler={async (value: string) => {
@ -112,7 +112,7 @@ export const usePeopleColumns = () => {
/>
),
cell: (props) => (
<EditableDate
<EditableDateCell
value={
props.row.original.createdAt
? new Date(props.row.original.createdAt)