e9d3ed99ca
## Added features - update team member setting page - add a section to send invitation by email - add a new invitation email - update email font to 'Trebuchet MS' as Google Inter font is not working, we need to use a web safe font https://templates.mailchimp.com/design/typography/ ## Demo https://github.com/twentyhq/twenty/assets/29927851/c731d883-1599-4281-87e3-0671f36994ae ## Invitation Email 
31 lines
707 B
TypeScript
31 lines
707 B
TypeScript
import React, { ReactNode } from 'react';
|
|
import { Text } from '@react-email/text';
|
|
|
|
import { emailTheme } from 'src/common-style';
|
|
|
|
const highlightedStyle = {
|
|
borderRadius: emailTheme.border.radius.sm,
|
|
background: emailTheme.background.colors.highlight,
|
|
padding: '4px 8px',
|
|
fontSize: emailTheme.font.size.lg,
|
|
fontWeight: emailTheme.font.weight.bold,
|
|
color: emailTheme.font.colors.highlighted,
|
|
};
|
|
|
|
const divStyle = {
|
|
display: 'flex',
|
|
};
|
|
|
|
type HighlightedTextProps = {
|
|
value: ReactNode;
|
|
centered?: boolean;
|
|
};
|
|
|
|
export const HighlightedText = ({ value }: HighlightedTextProps) => {
|
|
return (
|
|
<div style={divStyle}>
|
|
<Text style={highlightedStyle}>{value}</Text>
|
|
</div>
|
|
);
|
|
};
|