Skip to content

Commit

Permalink
updated schok templates
Browse files Browse the repository at this point in the history
  • Loading branch information
madalinul committed Apr 24, 2024
1 parent 014d266 commit b95973d
Show file tree
Hide file tree
Showing 30 changed files with 133 additions and 53 deletions.
2 changes: 1 addition & 1 deletion emails/AccountDeletedByUser.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import config from './config/config';
import { EmailProps } from './config/types';
import { getInstanceFromLanguage } from './translations/translations';

const ACCOUNTDELETEDBYUSER = ({ partner = 'telcel', language = 'en' }: EmailProps) => {
const ACCOUNTDELETEDBYUSER = ({ partner = 'schok', language = 'en' }: EmailProps) => {
return (
<Template partner={partner} language={language}>
<Heading className='text-[24px] font-normal text-center p-0 my-[30px] mx-0'>
Expand Down
52 changes: 45 additions & 7 deletions emails/components/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,18 +22,56 @@ const Footer = ({ language, partner }: EmailProps) => {
}

if (partner === 'schok') {
return (
<Section>
<Row>
<Column align='center'>TO BE DETERMINED</Column>
</Row>
</Section>
);
return <SchokFooter language={language} />;
}

return <MimediaFooter language={language} />;
};

const SchokFooter = ({ language }: { language: Languages }) => {
return (
<Section>
<Row>
<Column align='center'>
<CustomLink
className='text-brand text-sm'
href='https://portal.mimedia.com/schok'
>
<Trans i18n={getInstanceFromLanguage(language)} i18nKey={'common.home'} />
</CustomLink>
<span className='mx-2'>|</span>
<CustomLink
className='text-brand text-sm'
href='https://schokgear.com/pages/contact'
>
<Trans
i18n={getInstanceFromLanguage(language)}
i18nKey={'common.contact'}
/>
</CustomLink>
<span className='mx-2'>|</span>
<CustomLink
className='text-brand text-sm'
href='https://schokgear.com/pages/terms'
>
<Trans i18n={getInstanceFromLanguage(language)} i18nKey={'common.terms'} />
</CustomLink>
<span className='mx-2'>|</span>
<CustomLink
className='text-brand text-sm'
href='https://schokgear.com/pages/privacy-policy'
>
<Trans
i18n={getInstanceFromLanguage(language)}
i18nKey={'common.privacy'}
/>
</CustomLink>
</Column>
</Row>
</Section>
);
};

const OrbicFooter = ({ language }: { language: Languages }) => {
return (
<Section>
Expand Down
2 changes: 1 addition & 1 deletion emails/config/config.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const pcdConfig: PartnerConfig = {
};

const schokConfig: PartnerConfig = {
brand: '#85D7FF',
brand: '#64A3D6',
textDark: '#1F1F1F',
appName: 'Gallery',
supportEmail: '[email protected]',
Expand Down
3 changes: 3 additions & 0 deletions emails/translations/en-US.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@
"home": "Home",
"support": "Support",
"feedback": "Feedback",
"contact": "Contact",
"terms": "Terms & Conditions",
"privacy": "Privacy Policy",
"hiName": "Hi {firstName}!",
"theTeam": "The {{appName}} Team",
"unauthorizedChange": "If you did not make this change, please check your account details and contact us at <link1/> if you believe someone has made an unauthorized change.",
Expand Down
4 changes: 2 additions & 2 deletions templates/schok/html/en/ACCOUNTDELETEDBYUSER.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0;margin-bottom:0.5rem">You deleted your Gallery account and we are very sorry about that. We hope that you will return to us again.</p>
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0;margin-bottom:0.5rem">The Gallery Team</p>
<hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea;border-width:1px;border-style:solid;border-color:rgb(234,234,234);margin-top:24px;margin-bottom:24px;margin-left:0px;margin-right:0px" />
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">If you did not make this change, please check your account details and contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(133,215,255);text-decoration:none">[email protected]</a> if you believe someone has made an unauthorized change.</p>
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">If you did not make this change, please check your account details and contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none">[email protected]</a> if you believe someone has made an unauthorized change.</p>
</td>
</tr>
</tbody>
Expand All @@ -33,7 +33,7 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column">TO BE DETERMINED</td>
<td align="center" data-id="__react-email-column"><a href="https://portal.mimedia.com/schok" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Home</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/contact" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Contact</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/terms" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Terms &amp; Conditions</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/privacy-policy" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Privacy Policy</a></td>
</tr>
</tbody>
</table>
Expand Down
4 changes: 2 additions & 2 deletions templates/schok/html/en/DEFAULTCARDCHANGE.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0;margin-bottom:0.5rem">Our records show that you have updated your billing information. If this is correct, then you are all set!</p>
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0;margin-bottom:0.5rem">The Gallery Team</p>
<hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea;border-width:1px;border-style:solid;border-color:rgb(234,234,234);margin-top:24px;margin-bottom:24px;margin-left:0px;margin-right:0px" />
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">If you did not make this change, please check your account details and contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(133,215,255);text-decoration:none">[email protected]</a> if you believe someone has made an unauthorized change.</p>
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">If you did not make this change, please check your account details and contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none">[email protected]</a> if you believe someone has made an unauthorized change.</p>
</td>
</tr>
</tbody>
Expand All @@ -33,7 +33,7 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column">TO BE DETERMINED</td>
<td align="center" data-id="__react-email-column"><a href="https://portal.mimedia.com/schok" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Home</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/contact" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Contact</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/terms" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Terms &amp; Conditions</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/privacy-policy" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Privacy Policy</a></td>
</tr>
</tbody>
</table>
Expand Down
8 changes: 4 additions & 4 deletions templates/schok/html/en/FD_INVITE.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column"><span style="display:inline-block;width:84px;height:84px;vertical-align:middle;border-radius:50%;margin:0 24px 0 11px;text-align:center;color:#fff;line-height:84px;font-weight:bold;font-size:42px;background-size:84px 84px;background-repeat:no-repeat;background-image:url({senderAvatar});background-color:rgb(133,215,255)"></span></td>
<td align="center" data-id="__react-email-column"><span style="display:inline-block;width:84px;height:84px;vertical-align:middle;border-radius:50%;margin:0 24px 0 11px;text-align:center;color:#fff;line-height:84px;font-weight:bold;font-size:42px;background-size:84px 84px;background-repeat:no-repeat;background-image:url({senderAvatar});background-color:rgb(100,163,214)"></span></td>
<td data-id="__react-email-column">
<p data-id="react-email-text" style="font-size:1.125rem;line-height:1.75rem;margin:16px 0">{customMessage}</p>
</td>
Expand All @@ -35,15 +35,15 @@
</tr>
</tbody>
</table>
<h1 data-id="react-email-heading" style="font-size:32px;font-weight:400;text-align:center;padding:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:1rem">You&#x27;ve been invited to the <h1 data-id="react-email-heading" style="color:rgb(133,215,255);font-size:32px;font-weight:400;text-align:center;padding:0px;margin-top:0px;margin-bottom:30px;margin-left:0px;margin-right:0px">{fdName}</h1>
<h1 data-id="react-email-heading" style="font-size:32px;font-weight:400;text-align:center;padding:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:1rem">You&#x27;ve been invited to the <h1 data-id="react-email-heading" style="color:rgb(100,163,214);font-size:32px;font-weight:400;text-align:center;padding:0px;margin-top:0px;margin-bottom:30px;margin-left:0px;margin-right:0px">{fdName}</h1>
</h1>
<p data-id="react-email-text" style="font-size:1.125rem;line-height:1.75rem;margin:16px 0;text-align:center;margin-bottom:1.5rem"><strong>{inviterFirstName}</strong> has given you permission to contribute, comment and chat with other members of the <strong>{fdName}</strong></p>
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column">
<p data-id="react-email-text" style="font-size:1rem;line-height:1.5rem;margin:16px 0">{fdMembers}</p>
<p data-id="react-email-text" style="font-size:0.875rem;line-height:1.25rem;margin:16px 0">{membersJoined}</p><a href="http://{joinUrl}" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(133,215,255);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Join now!</span><span></span></a>
<p data-id="react-email-text" style="font-size:0.875rem;line-height:1.25rem;margin:16px 0">{membersJoined}</p><a href="http://{joinUrl}" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(100,163,214);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Join now!</span><span></span></a>
</td>
</tr>
</tbody>
Expand All @@ -59,7 +59,7 @@ <h1 data-id="react-email-heading" style="font-size:32px;font-weight:400;text-ali
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column">TO BE DETERMINED</td>
<td align="center" data-id="__react-email-column"><a href="https://portal.mimedia.com/schok" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Home</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/contact" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Contact</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/terms" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Terms &amp; Conditions</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/privacy-policy" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Privacy Policy</a></td>
</tr>
</tbody>
</table>
Expand Down
6 changes: 3 additions & 3 deletions templates/schok/html/en/INVPMTDECLINED.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,12 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center">
<tbody>
<tr>
<td><a href="https://portal.mimedia.com/schok/" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(133,215,255);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none;margin-right:1rem"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View billing info</span><span></span></a><a href="mailto:[email protected]" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(133,215,255);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Contact support</span><span></span></a></td>
<td><a href="https://portal.mimedia.com/schok/" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(100,163,214);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none;margin-right:1rem"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View billing info</span><span></span></a><a href="mailto:[email protected]" data-id="react-email-button" target="_blank" style="line-height:1.25rem;text-decoration:none;display:inline-block;max-width:100%;padding:8px 20px;font-size:0.875rem;background-color:rgb(100,163,214);border-radius:0.25rem;color:rgb(255,255,255);font-weight:600;text-decoration-line:none"><span></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Contact support</span><span></span></a></td>
</tr>
</tbody>
</table>
<hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea;border-width:1px;border-style:solid;border-color:rgb(234,234,234);margin-top:24px;margin-bottom:24px;margin-left:0px;margin-right:0px" />
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">Please contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(133,215,255);text-decoration:none">[email protected]</a> for more information.</p>
<p data-id="react-email-text" style="font-size:0.75rem;line-height:1rem;margin:16px 0">Please contact us at <a href="mailto:[email protected]" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none">[email protected]</a> for more information.</p>
</td>
</tr>
</tbody>
Expand All @@ -42,7 +42,7 @@ <h1 data-id="react-email-heading" style="font-size:24px;font-weight:400;text-ali
<table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td align="center" data-id="__react-email-column">TO BE DETERMINED</td>
<td align="center" data-id="__react-email-column"><a href="https://portal.mimedia.com/schok" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Home</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/contact" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Contact</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/terms" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Terms &amp; Conditions</a><span style="margin-left:0.5rem;margin-right:0.5rem">|</span><a href="https://schokgear.com/pages/privacy-policy" data-id="react-email-link" target="_blank" style="color:rgb(100,163,214);text-decoration:none;font-size:0.875rem;line-height:1.25rem">Privacy Policy</a></td>
</tr>
</tbody>
</table>
Expand Down
Loading

0 comments on commit b95973d

Please sign in to comment.