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

Make many small frontend fixes (icons update, paddings, font-sizes) (#132)

Browse Source
This commit is contained in:
Charles Bochet
2023-05-21 18:52:23 +02:00
committed by GitHub
parent 5adc5b833c
commit 3370499ad8
30 changed files with 178 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,12 +1,4 @@
import { useMemo } from 'react';
import {
FaRegBuilding,
FaCalendar,
FaEnvelope,
FaRegUser,
FaMapPin,
FaPhone,
} from 'react-icons/fa';
import { CellContext, createColumnHelper } from '@tanstack/react-table';
import { SEARCH_COMPANY_QUERY } from '../../services/api/search/search';
@ -30,6 +22,14 @@ import EditableRelation from '../../components/editable-cell/EditableRelation';
import CompanyChip, {
CompanyChipPropsType,
} from '../../components/chips/CompanyChip';
import {
TbBuilding,
TbCalendar,
TbMail,
TbMapPin,
TbPhone,
TbUser,
} from 'react-icons/tb';
const columnHelper = createColumnHelper<Person>();
@ -55,7 +55,9 @@ export const usePeopleColumns = () => {
),
},
columnHelper.accessor('firstname', {
header: () => <ColumnHead viewName="People" viewIcon={<FaRegUser />} />,
header: () => (
<ColumnHead viewName="People" viewIcon={<TbUser size={16} />} />
),
cell: (props) => (
<EditableFullName
firstname={props.row.original.firstname || ''}
@ -70,7 +72,9 @@ export const usePeopleColumns = () => {
),
}),
columnHelper.accessor('email', {
header: () => <ColumnHead viewName="Email" viewIcon={<FaEnvelope />} />,
header: () => (
<ColumnHead viewName="Email" viewIcon={<TbMail size={16} />} />
),
cell: (props) => (
<EditableText
placeholder="Email"
@ -85,7 +89,7 @@ export const usePeopleColumns = () => {
}),
columnHelper.accessor('company', {
header: () => (
<ColumnHead viewName="Company" viewIcon={<FaRegBuilding />} />
<ColumnHead viewName="Company" viewIcon={<TbBuilding size={16} />} />
),
cell: (props) => (
<EditableRelation<Company, CompanyChipPropsType>
@ -123,7 +127,9 @@ export const usePeopleColumns = () => {
),
}),
columnHelper.accessor('phone', {
header: () => <ColumnHead viewName="Phone" viewIcon={<FaPhone />} />,
header: () => (
<ColumnHead viewName="Phone" viewIcon={<TbPhone size={16} />} />
),
cell: (props) => (
<EditablePhone
placeholder="Phone"
@ -138,7 +144,7 @@ export const usePeopleColumns = () => {
}),
columnHelper.accessor('creationDate', {
header: () => (
<ColumnHead viewName="Creation" viewIcon={<FaCalendar />} />
<ColumnHead viewName="Creation" viewIcon={<TbCalendar size={16} />} />
),
cell: (props) => (
<EditableDate
@ -152,7 +158,9 @@ export const usePeopleColumns = () => {
),
}),
columnHelper.accessor('city', {
header: () => <ColumnHead viewName="City" viewIcon={<FaMapPin />} />,
header: () => (
<ColumnHead viewName="City" viewIcon={<TbMapPin size={16} />} />
),
cell: (props) => (
<EditableText
editModeHorizontalAlign="right"