formatDate helper

Author: mertbagt

functions/src/email/handlebarsHelpers.ts

@@ -10,6 +10,7 @@ export const registerHelpers = () => {
   handlebars.registerHelper("addCounts", helpers.addCounts)
   handlebars.registerHelper("ifGreaterThan", helpers.ifGreaterThan)
   handlebars.registerHelper("isDefined", helpers.isDefined)
+  handlebars.registerHelper("formatDate", helpers.formatDate)
   handlebars.registerHelper("minusFour", helpers.minusFour)
   handlebars.registerHelper("noUpdatesFormat", helpers.noUpdatesFormat)
   handlebars.registerHelper("toLowerCase", helpers.toLowerCase)

functions/src/email/helpers.ts

@@ -22,6 +22,15 @@ export function isDefined(v: unknown) {
   return v !== undefined
 }
 
+export function formatDate(timestamp: Date) {
+  const date = new Date(timestamp)
+  const month = String(date.getMonth() + 1).padStart(2, "0")
+  const day = String(date.getDate()).padStart(2, "0")
+  const year = date.getFullYear()
+
+  return `${month}/${day}/${year}`
+}
+
 export function minusFour(value: number) {
   const result = value - 4
   return result

functions/src/email/partials/header.handlebars

@@ -15,10 +15,8 @@
     </h2>
     <p class="subheadline blue center" style="font-weight: 600; font-size: 12px; line-height: 125%; 
     color: #1a3185; display: block; margin: auto; width: 30%">
-      {{startDate}} - {{endDate}}
+      {{formatDate startDate}} - {{formatDate endDate}}
     </p>
   </div>
   <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%" />
-  {{!-- On prod, replace with: --}}
-  {{!-- <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%;" /> --}}
 </header>

functions/src/email/partials/noUpdates.handlebars

@@ -1,4 +1,4 @@
-<div class="noUpdatesIcon">
+<div style="padding-top: 12px; padding-bottom: 20px; display: block; margin: auto; width: 65%">
   <img src="https://mapletestimony.org/email/images_no-svgs/empty-mail.png" alt="Empty Mail" />
 </div>
 <h5 style="font-weight: 600; font-size: 25px; line-height: 125%; margin-bottom: 0px;

scripts/firebase-admin/sendTestEmail.ts

@@ -22,6 +22,7 @@ const EMAIL_TEMPLATE_PATH = "./functions/src/email/digestEmail.handlebars"
 handlebars.registerHelper("addCounts", helpers.addCounts)
 handlebars.registerHelper("ifGreaterThan", helpers.ifGreaterThan)
 handlebars.registerHelper("isDefined", helpers.isDefined)
+handlebars.registerHelper("formatDate", helpers.formatDate)
 handlebars.registerHelper("minusFour", helpers.minusFour)
 handlebars.registerHelper("noUpdatesFormat", helpers.noUpdatesFormat)
 handlebars.registerHelper("toLowerCase", helpers.toLowerCase)