have footer on emails (#11300)

# ISSUE 

- Closes #9622

---------

Co-authored-by: Félix Malfait <felix@twenty.com>
This commit is contained in:
Nabhag Motivaras
2025-04-03 17:56:19 +05:30
committed by GitHub
parent cfae440a02
commit 7eec64b6e0
96 changed files with 9359 additions and 2120 deletions

View File

@ -1,17 +1,22 @@
import { Column, Row } from '@react-email/components';
import { i18n } from '@lingui/core';
import { Column, Container, Row } from '@react-email/components';
import { Link } from 'src/components/Link';
import { ShadowText } from 'src/components/ShadowText';
const footerContainerStyle = {
marginTop: '12px',
};
export const Footer = () => {
return (
<>
<Container style={footerContainerStyle}>
<Row>
<Column>
<ShadowText>
<Link
href="https://twenty.com/"
value="Website"
aria-label="Visit Twenty's website"
value={i18n._('Website')}
aria-label={i18n._("Visit Twenty's website")}
/>
</ShadowText>
</Column>
@ -19,8 +24,8 @@ export const Footer = () => {
<ShadowText>
<Link
href="https://github.com/twentyhq/twenty"
value="Github"
aria-label="Visit Twenty's GitHub repository"
value={i18n._('Github')}
aria-label={i18n._("Visit Twenty's GitHub repository")}
/>
</ShadowText>
</Column>
@ -28,8 +33,8 @@ export const Footer = () => {
<ShadowText>
<Link
href="https://twenty.com/user-guide"
value="User guide"
aria-label="Read Twenty's user guide"
value={i18n._('User guide')}
aria-label={i18n._("Read Twenty's user guide")}
/>
</ShadowText>
</Column>
@ -37,19 +42,19 @@ export const Footer = () => {
<ShadowText>
<Link
href="https://docs.twenty.com/"
value="Developers"
aria-label="Visit Twenty's developer documentation"
value={i18n._('Developers')}
aria-label={i18n._("Visit Twenty's developer documentation")}
/>
</ShadowText>
</Column>
</Row>
<ShadowText>
Twenty.com Public Benefit Corporation
<br />
2261 Market Street #5275
<br />
San Francisco, CA 94114
<>
{i18n._('Twenty.com, Public Benefit Corporation')}
<br />
{i18n._('San Francisco / Paris')}
</>
</ShadowText>
</>
</Container>
);
};