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

bugfix: fix pointer propagation of links behind the before element

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-19 18:30:58 +02:00
parent 630447a2f6
commit 3c7bd5cd28
2 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/components/table/ClickableCell.tsx
View File

@ -24,6 +24,7 @@ const StyledClickable = styled.div`
border: 1px solid ${(props) => props.theme.text20}; border: 1px solid ${(props) => props.theme.text20};
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
pointer-events: none;
display: none; display: none;
} }

28
front/src/pages/people/People.tsx
View File

@ -125,10 +125,8 @@ const columns = [
columnHelper.accessor('email', { columnHelper.accessor('email', {
header: () => <ColumnHead viewName="Email" viewIcon={faEnvelope} />, header: () => <ColumnHead viewName="Email" viewIcon={faEnvelope} />,
cell: (props) => ( cell: (props) => (
<ClickableCell href="#"> <ClickableCell href={`mailto:${props.row.original.email}`}>
<a href={`mailto:${props.row.original.email}`}> {props.row.original.email}
{props.row.original.email}
</a>
</ClickableCell> </ClickableCell>
), ),
}), }),
@ -146,18 +144,16 @@ const columns = [
columnHelper.accessor('phone', { columnHelper.accessor('phone', {
header: () => <ColumnHead viewName="Phone" viewIcon={faPhone} />, header: () => <ColumnHead viewName="Phone" viewIcon={faPhone} />,
cell: (props) => ( cell: (props) => (
<ClickableCell href="#"> <ClickableCell
<a href={parsePhoneNumber(
href={parsePhoneNumber( props.row.original.phone,
props.row.original.phone, props.row.original.countryCode as CountryCode,
props.row.original.countryCode as CountryCode, )?.getURI()}
)?.getURI()} >
> {parsePhoneNumber(
{parsePhoneNumber( props.row.original.phone,
props.row.original.phone, props.row.original.countryCode as CountryCode,
props.row.original.countryCode as CountryCode, )?.formatInternational() || props.row.original.phone}
)?.formatInternational() || props.row.original.phone}
</a>
</ClickableCell> </ClickableCell>
), ),
}), }),