mirror of
https://github.com/lingble/twenty.git
synced 2025-11-01 13:17:57 +00:00
c193663a71
Closes #5097 - Uses "nx affected" to detect what projects need to be checked in the current PR (for now, `ci-front` and `ci-server` workflows only). - Caches results of certain tasks (`lint`, `typecheck`, `test`, `storybook:build`) when a PR pipeline runs. The next runs of the same PR's pipeline will then be able to reuse the PR's task cache to execute tasks faster. - Caches Yarn's cache folder to install dependencies faster in CI jobs. - Rewrites the node modules cache/install steps as a custom, reusable Github action. - Distributes `ci-front` jobs with a "matrix" strategy. - Sets common tasks config at the root `nx.json`. For instance, to activate the `typecheck` task in a project, add `typecheck: {}` to its `project.json` and it'll use the default config set in `nx.json` for the `typecheck` task. Options can be overridden in each individual `project.json` if needed. - Adds "scope" tags to some projects: `scope:frontend`, `scope:backend`, `scope:shared`. An eslint rule ensures that `scope:frontend` only depends on `scope:frontent` or `scope:shared` projects, same for `scope:backend`. These tags are used by `nx affected` to filter projects by scope and generates different task cache keys according to the requested scope. - Enables checks for twenty-emails in the `ci-server` workflow.
30 lines
838 B
TypeScript
30 lines
838 B
TypeScript
import { ReactNode } from 'react';
|
|
import { Button } from '@react-email/button';
|
|
|
|
import { emailTheme } from 'src/common-style';
|
|
|
|
const callToActionStyle = {
|
|
display: 'flex',
|
|
padding: '8px 32px',
|
|
borderRadius: '8px',
|
|
border: `1px solid ${emailTheme.background.transparent.light}`,
|
|
background: emailTheme.background.radialGradient,
|
|
boxShadow: `0px 2px 4px 0px ${emailTheme.background.transparent.light}, 0px 0px 4px 0px ${emailTheme.background.transparent.medium}`,
|
|
color: emailTheme.font.colors.inverted,
|
|
fontSize: emailTheme.font.size.md,
|
|
fontWeight: emailTheme.font.weight.bold,
|
|
};
|
|
|
|
type CallToActionProps = {
|
|
href: string;
|
|
value: ReactNode;
|
|
};
|
|
|
|
export const CallToAction = ({ value, href }: CallToActionProps) => {
|
|
return (
|
|
<Button href={href} style={callToActionStyle}>
|
|
{value}
|
|
</Button>
|
|
);
|
|
};
|