4a4e65fe4a
# Introduction closes https://github.com/twentyhq/core-team-issues/issues/591 Same than for `twenty-shared` made in https://github.com/twentyhq/twenty/pull/11083. ## TODO - [x] Manual migrate twenty-website twenty-ui imports ## What's next: - Generate barrel and migration script factorization within own package + tests - Refactoring using preconstruct ? TimeBox - Lint circular dependencies - Lint import from barrel and forbid them ### Preconstruct We need custom rollup plugins addition, but preconstruct does not expose its rollup configuration. It might be possible to handle this using the babel overrides. But was a big tunnel. We could give it a try afterwards ! ( allowing cjs interop and stuff like that ) Stuck to vite lib app Closed related PRs: - https://github.com/twentyhq/twenty/pull/11294 - https://github.com/twentyhq/twenty/pull/11203
46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
import { MouseEvent } from 'react';
|
|
import { EllipsisDisplay } from './EllipsisDisplay';
|
|
import { isDefined } from 'twenty-shared/utils';
|
|
import { ContactLink } from 'twenty-ui/navigation';
|
|
|
|
const validateEmail = (email: string) => {
|
|
// const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
// return emailPattern.test(email.trim());
|
|
|
|
// Record this without using regex
|
|
const emailParts = email.split('@');
|
|
|
|
if (emailParts.length !== 2) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
type EmailDisplayProps = {
|
|
value: string | null | undefined;
|
|
};
|
|
|
|
export const EmailDisplay = ({ value }: EmailDisplayProps) => {
|
|
if (!isDefined(value)) {
|
|
return <ContactLink href="#">{value}</ContactLink>;
|
|
}
|
|
|
|
if (!validateEmail(value)) {
|
|
return <ContactLink href="#">{value}</ContactLink>;
|
|
}
|
|
|
|
return (
|
|
<EllipsisDisplay>
|
|
<ContactLink
|
|
href={`mailto:${value}`}
|
|
onClick={(event: MouseEvent<HTMLElement>) => {
|
|
event.stopPropagation();
|
|
}}
|
|
>
|
|
{value}
|
|
</ContactLink>
|
|
</EllipsisDisplay>
|
|
);
|
|
};
|