✨ Add resend props for transaction template

likecoin · Mar 22, 2021 · 312f210 · 312f210
1 parent ce24e78
commit 312f210
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 15 deletions.
diff --git a/src/i18n/translations/cn.json b/src/i18n/translations/cn.json
@@ -55,5 +55,6 @@
 
   "transaction.subject": "你已收到 {amount} LikeCoin",
   "transaction.subtitle": "你已收到 {amount} LikeCoin",
-  "transaction.content": "{name} 你好, <br></br><br></br> 你已收到 {fromUser} 發送的 {amount} LikeCoin。 <br></br> 查阅交易详情："
+  "transaction.content": "{name} 你好, <br></br><br></br> 你已收到 {fromUser} 發送的 {amount} LikeCoin。 <br></br> 查阅交易详情：",
+  "resend": "重发"
 }
diff --git a/src/i18n/translations/en.json b/src/i18n/translations/en.json
@@ -57,5 +57,6 @@
 
   "transaction.subject": "You have received {amount} LikeCoin",
   "transaction.subtitle": "You have received {amount} LikeCoin",
-  "transaction.content": "Hi {name}, <br></br><br></br> You have received {amount} LikeCoin from {fromUser}. <br></br> Check the transaction details: "
+  "transaction.content": "Hi {name}, <br></br><br></br> You have received {amount} LikeCoin from {fromUser}. <br></br> Check the transaction details: ",
+  "resend": "Resend"
 }
diff --git a/src/i18n/translations/zh.json b/src/i18n/translations/zh.json
@@ -55,5 +55,6 @@
 
   "transaction.subject": "您已收到 {amount} LikeCoin",
   "transaction.subtitle": "您已收到 {amount} LikeCoin",
-  "transaction.content": "{name} 您好, <br></br><br></br> 您已收到 {fromUser} 發送的 {amount} LikeCoin。 <br></br> 查閱交易詳情： "
+  "transaction.content": "{name} 您好, <br></br><br></br> 您已收到 {fromUser} 發送的 {amount} LikeCoin。 <br></br> 查閱交易詳情： ",
+  "resend": "重發"
 }
diff --git a/src/index.tsx b/src/index.tsx
@@ -3,10 +3,7 @@ import { Mjml2HtmlOptions, render } from 'mjml-react';
 
 import { initIntl } from './i18n';
 
-import {
-  getLocalizedMonthlyReportSubject,
-  getLocalizedTransactionSubject,
-} from './utils/localization';
+import { getLocalizedMonthlyReportSubject } from './utils/localization';
 
 import { BasicTemplate, BasicTemplateProps } from './templates/basic';
 import {
@@ -80,7 +77,12 @@ export const getTransactionTemplate = (
   options?: Mjml2HtmlOptions
 ) => {
   const intl = initIntl();
-  const subject = getLocalizedTransactionSubject(intl, props.amount);
+  let subject = intl.formatMessage(
+    { id: 'transaction.subject' },
+    { amount: props.amount }
+  );
+  const { isResend } = props;
+  if (isResend) subject = intl.formatMessage({ id: 'resend' }).concat(subject);
   const { html: body } = render(
     <TransactionTemplate {...{ ...props, subject }} />,
     options

diff --git a/src/templates/transaction.tsx b/src/templates/transaction.tsx
@@ -18,6 +18,7 @@ export interface TransactionTemplateProps {
   fromDisplayName?: string;
   viewTxURL?: string;
   amount: string;
+  isResend?: boolean;
 }
 
 export const TransactionTemplate = ({

diff --git a/src/utils/localization.ts b/src/utils/localization.ts
@@ -60,10 +60,3 @@ export function getLocalizedMonthlyReportSubject(
     }
   );
 }
-
-export function getLocalizedTransactionSubject(
-  intl: IntlShape,
-  amount: string
-) {
-  return intl.formatMessage({ id: 'transaction.subject' }, { amount: amount });
-}