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

Use EditableCell for email

Browse Source
This commit is contained in:
Anders Borch
2023-04-24 21:42:10 +02:00
parent b62fac3aee
commit b6c7149b66
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
front/src/pages/people/people-table.tsx
View File

@ -35,6 +35,8 @@ export const sortsAvailable = [
}, },
{ id: 'city', label: 'City', order: 'asc', icon: faMapPin }, { id: 'city', label: 'City', order: 'asc', icon: faMapPin },
] satisfies Array<SortType<keyof GraphqlPerson>>; ] satisfies Array<SortType<keyof GraphqlPerson>>;
import EditableCell from '../../components/table/EditableCell';
import { updatePerson } from '../../services/people';
const columnHelper = createColumnHelper<Person>(); const columnHelper = createColumnHelper<Person>();
export const peopleColumns = [ export const peopleColumns = [
@ -58,9 +60,14 @@ export const peopleColumns = [
columnHelper.accessor('email', { columnHelper.accessor('email', {
header: () => <ColumnHead viewName="Email" viewIcon={faEnvelope} />, header: () => <ColumnHead viewName="Email" viewIcon={faEnvelope} />,
cell: (props) => ( cell: (props) => (
<ClickableCell href={`mailto:${props.row.original.email}`}> <EditableCell
{props.row.original.email} content={props.row.original.email}
</ClickableCell> changeHandler={(value) => {
const person = props.row.original;
person.email = value;
updatePerson(person).catch((error) => console.error(error)); // TODO: handle error
}}
/>
), ),
}), }),
columnHelper.accessor('company', { columnHelper.accessor('company', {