feat: email templates

This commit is contained in:
Ahmed Bouhuolia
2024-11-19 14:21:10 +02:00
parent ddffe630ff
commit f7bf24acb3
6 changed files with 6 additions and 18 deletions

View File

@@ -193,7 +193,6 @@ const listItemAmountStyle: CSSProperties = {
const messageStyle: CSSProperties = { const messageStyle: CSSProperties = {
whiteSpace: 'pre-line', whiteSpace: 'pre-line',
color: '#252A31',
margin: '0 0 20px 0', margin: '0 0 20px 0',
lineHeight: '20px', lineHeight: '20px',
}; };

View File

@@ -24,10 +24,9 @@ EmailTemplate.CompanyLogo = ({ src }: { src: string }) => {
const containerStyle: CSSProperties = { const containerStyle: CSSProperties = {
backgroundColor: '#fff', backgroundColor: '#fff',
width: '100%', width: '100%',
maxWidth: '500px', maxWidth: '450px',
padding: '35px 25px', padding: '30px 20px',
color: '#000', color: '#000',
borderRadius: '5px',
}; };
const companyLogoStyle = { const companyLogoStyle = {

View File

@@ -50,7 +50,7 @@ export const EstimatePaymentEmail: React.FC<
preview, preview,
// # Company // # Company
companyName, companyName = 'Bigcapital, Inc.',
companyLogoUri, companyLogoUri,
// # Colors // # Colors
@@ -153,11 +153,13 @@ const estimateAmountStyle: CSSProperties = {
color: '#383E47', color: '#383E47',
fontWeight: 500, fontWeight: 500,
}; };
const estimateNumberStyle: CSSProperties = { const estimateNumberStyle: CSSProperties = {
margin: 0, margin: 0,
fontSize: '13px', fontSize: '13px',
color: '#404854', color: '#404854',
}; };
const estimateExpirationStyle: CSSProperties = { const estimateExpirationStyle: CSSProperties = {
margin: 0, margin: 0,
fontSize: '13px', fontSize: '13px',
@@ -194,7 +196,6 @@ const listItemAmountStyle: CSSProperties = {
const estimateMessageStyle: CSSProperties = { const estimateMessageStyle: CSSProperties = {
whiteSpace: 'pre-line', whiteSpace: 'pre-line',
color: '#252A31',
margin: '0 0 20px 0', margin: '0 0 20px 0',
lineHeight: '20px', lineHeight: '20px',
}; };

View File

@@ -175,15 +175,6 @@ export const renderInvoicePaymentEmail = (props: InvoicePaymentEmailProps) => {
return render(<InvoicePaymentEmail {...props} />); return render(<InvoicePaymentEmail {...props} />);
}; };
const containerStyle: CSSProperties = {
backgroundColor: '#fff',
width: '100%',
maxWidth: '500px',
padding: '35px 25px',
color: '#000',
borderRadius: '5px',
};
const headerInfoStyle: CSSProperties = { const headerInfoStyle: CSSProperties = {
textAlign: 'center', textAlign: 'center',
marginBottom: 20, marginBottom: 20,
@@ -236,7 +227,7 @@ const listItemAmountStyle: CSSProperties = {
const invoiceMessageStyle: CSSProperties = { const invoiceMessageStyle: CSSProperties = {
whiteSpace: 'pre-line', whiteSpace: 'pre-line',
color: '#252A31', color: '#000',
margin: '0 0 20px 0', margin: '0 0 20px 0',
lineHeight: '20px', lineHeight: '20px',
}; };

View File

@@ -154,7 +154,6 @@ const viewInvoiceButtonStyle: CSSProperties = {
const invoiceMessageStyle: CSSProperties = { const invoiceMessageStyle: CSSProperties = {
whiteSpace: 'pre-line', whiteSpace: 'pre-line',
color: '#252A31',
margin: '0 0 20px 0', margin: '0 0 20px 0',
lineHeight: '20px', lineHeight: '20px',
}; };

View File

@@ -194,7 +194,6 @@ const listItemAmountStyle: CSSProperties = {
const messageStyle: CSSProperties = { const messageStyle: CSSProperties = {
whiteSpace: 'pre-line', whiteSpace: 'pre-line',
color: '#000000',
margin: '0 0 20px 0', margin: '0 0 20px 0',
lineHeight: '20px', lineHeight: '20px',
}; };