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

Update Edit Inplace behavior and style (#97)

Browse Source 
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Charles Bochet
2023-05-04 16:03:13 +02:00
committed by GitHub
parent 3605c0034c
commit e65fd3d6a5
8 changed files with 178 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/pages/companies/companies-table.tsx
View File

@ -5,7 +5,7 @@ import ColumnHead from '../../components/table/ColumnHead';
import HorizontalyAlignedContainer from '../../layout/containers/HorizontalyAlignedContainer';
import Checkbox from '../../components/form/Checkbox';
import CompanyChip from '../../components/chips/CompanyChip';
import EditableCell from '../../components/table/EditableCell';
import EditableText from '../../components/table/editable-cell/EditableText';
import PipeChip from '../../components/chips/PipeChip';
import {
FaRegBuilding,
@ -53,7 +53,7 @@ export const companiesColumns = [
columnHelper.accessor('employees', {
header: () => <ColumnHead viewName="Employees" viewIcon={<FaUsers />} />,
cell: (props) => (
<EditableCell
<EditableText
content={props.row.original.employees.toFixed(0)}
changeHandler={(value) => {
const company = props.row.original;
@ -66,7 +66,7 @@ export const companiesColumns = [
columnHelper.accessor('domain_name', {
header: () => <ColumnHead viewName="URL" viewIcon={<FaLink />} />,
cell: (props) => (
<EditableCell
<EditableText
content={props.row.original.domain_name}
changeHandler={(value) => {
const company = props.row.original;
@ -79,7 +79,7 @@ export const companiesColumns = [
columnHelper.accessor('address', {
header: () => <ColumnHead viewName="Address" viewIcon={<FaMapPin />} />,
cell: (props) => (
<EditableCell
<EditableText
content={props.row.original.address}
changeHandler={(value) => {
const company = props.row.original;

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

@ -19,7 +19,7 @@ import CompanyChip from '../../components/chips/CompanyChip';
import PersonChip from '../../components/chips/PersonChip';
import { GraphqlQueryPerson, Person } from '../../interfaces/person.interface';
import PipeChip from '../../components/chips/PipeChip';
import EditableCell from '../../components/table/EditableCell';
import EditableText from '../../components/table/editable-cell/EditableText';
import { OrderByFields, updatePerson } from '../../services/people';
import {
FilterType,
@ -152,7 +152,8 @@ export const peopleColumns = [
columnHelper.accessor('email', {
header: () => <ColumnHead viewName="Email" viewIcon={<FaEnvelope />} />,
cell: (props) => (
<EditableCell
<EditableText
placeholder="Email"
content={props.row.original.email}
changeHandler={(value) => {
const person = props.row.original;