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

Feat/open comment drawer from comment chip (#187)

Browse Source 
* wip

* Can open comment right drawer from company name cell
This commit is contained in:
Lucas Bordeau
2023-06-02 17:51:17 +02:00
committed by GitHub
parent 69c1095055
commit a2fe159c2c
15 changed files with 154 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,12 +12,10 @@ import ColumnHead from '../../components/table/ColumnHead';
import { SelectAllCheckbox } from '../../components/table/SelectAllCheckbox';
import EditableDate from '../../components/editable-cell/EditableDate';
import EditableRelation from '../../components/editable-cell/EditableRelation';
import EditableChip from '../../components/editable-cell/EditableChip';
import EditableText from '../../components/editable-cell/EditableText';
import PersonChip, {
PersonChipPropsType,
} from '../../components/chips/PersonChip';
import CompanyChip from '../../components/chips/CompanyChip';
import {
TbBuilding,
TbCalendar,
@ -27,8 +25,8 @@ import {
TbUser,
} from 'react-icons/tb';
import { QueryMode } from '../../generated/graphql';
import { getLogoUrlFromDomainName } from '../../services/utils';
import { CheckboxCell } from '../../components/table/CheckboxCell';
import { CompanyEditableNameChipCell } from '../../components/companies/CompanyEditableNameCell';
const columnHelper = createColumnHelper<Company>();
@ -59,17 +57,7 @@ export const useCompaniesColumns = () => {
<ColumnHead viewName="Name" viewIcon={<TbBuilding size={16} />} />
),
cell: (props) => (
<EditableChip
value={props.row.original.name || ''}
placeholder="Name"
picture={getLogoUrlFromDomainName(props.row.original.domainName)}
changeHandler={(value: string) => {
const company = props.row.original;
company.name = value;
updateCompany(company);
}}
ChipComponent={CompanyChip}
/>
<CompanyEditableNameChipCell company={props.row.original} />
),
size: 120,
}),

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

@ -49,16 +49,18 @@ export const usePeopleColumns = () => {
<ColumnHead viewName="People" viewIcon={<TbUser size={16} />} />
),
cell: (props) => (
<EditablePeopleFullName
firstname={props.row.original.firstname || ''}
lastname={props.row.original.lastname || ''}
onChange={async (firstName: string, lastName: string) => {
const person = props.row.original;
person.firstname = firstName;
person.lastname = lastName;
await updatePerson(person);
}}
/>
<>
<EditablePeopleFullName
firstname={props.row.original.firstname || ''}
lastname={props.row.original.lastname || ''}
onChange={async (firstName: string, lastName: string) => {
const person = props.row.original;
person.firstname = firstName;
person.lastname = lastName;
await updatePerson(person);
}}
/>
</>
),
size: 210,
}),