refactor: more appropriate email template structure (#437)

apps/nestjs-backend/src/features/mail-sender/mail-sender.service.ts

@@ -30,12 +30,13 @@ export class MailSenderService {
     const { name, email, inviteUrl, spaceName } = info;
     return {
       subject: `${name} (${email}) invited you to their space ${spaceName} - ${this.baseConfig.brandName}`,
-      template: 'invite',
+      template: 'normal',
       context: {
         name,
         email,
         spaceName,
         inviteUrl,
+        partialBody: 'invite',
       },
     };
   }
@@ -56,23 +57,23 @@ export class MailSenderService {
       fromUserName,
       refRecord: { baseId, tableId, fieldName, tableName, recordIds },
     } = info;
-    let subject, template;
+    let subject, partialBody;
     const refLength = recordIds.length;
 
     const viewRecordUrlPrefix = `${this.mailConfig.origin}/base/${baseId}/${tableId}`;
 
     if (refLength <= 1) {
       subject = `${fromUserName} added you to the ${fieldName} field of a record in ${tableName}`;
-      template = 'collaborator-cell-tag';
+      partialBody = 'collaborator-cell-tag';
     } else {
       subject = `${fromUserName} added you to ${refLength} records in ${tableName}`;
-      template = 'collaborator-multi-row-tag';
+      partialBody = 'collaborator-multi-row-tag';
     }
 
     return {
       notifyMessage: subject,
       subject: `${subject} - ${this.baseConfig.brandName}`,
-      template,
+      template: 'normal',
       context: {
         notifyId,
         fromUserName,
@@ -81,6 +82,7 @@ export class MailSenderService {
         fieldName,
         recordIds,
         viewRecordUrlPrefix,
+        partialBody,
       },
     };
   }

apps/nestjs-backend/src/features/mail-sender/templates/pages/invite.hbs → apps/nestjs-backend/src/features/mail-sender/templates/pages/normal.hbs

@@ -84,20 +84,8 @@
                    border="0" cellpadding="0" cellspacing="0">
                 <!-- Header -->
                 {{> header }}
-
-                <!-- Body -->
-                <tr>
-                    <td style="padding: 30px; text-align: center;">
-                        <h2 style="margin: 0;">Invitation to Collaborate</h2>
-                        <p style="margin: 18px 0;"><strong>{{name}}</strong> ({{email}}) has invited you to
-                            collaborate
-                            on their space <strong>{{spaceName}}</strong>.</p>
-                        <a href="{{inviteUrl}}" class="button"
-                           style="background-color: #22bc66; color: #ffffff; padding: 12px 24px; border-radius: 5px; text-decoration: none; font-weight: bold; display: inline-block; margin: 20px 0;">Accept
-                            Invitation</a>
-                    </td>
-                </tr>
-
+                <!-- Boby -->
+                {{> (lookup . 'partialBody') }}
                 <!-- Footer -->
                 {{> footer }}
             </table>

apps/nestjs-backend/src/features/mail-sender/templates/partials/collaborator-cell-tag.hbs

@@ -0,0 +1,25 @@
+<tr>
+    <td style="padding: 30px; text-align: center;">
+        <p style="margin: 18px 0;">
+            <strong>{{fromUserName}}</strong> added you to the <strong>{{fieldName}}</strong> field of a
+            record
+            in
+            <strong>{{tableName}}</strong>.
+        </p>
+        <a
+                href="{{viewRecordUrlPrefix}}?recordId={{lookup recordIds 0}}&fromNotify={{notifyId}}"
+        class="button"
+        style="
+        padding: 12px 24px;
+        margin: 20px 0;
+        background-color: rgb(24, 24, 27);
+        color: rgb(250, 250, 250);
+        border-radius: 5px;
+        text-decoration: none;
+        font-weight: bold;
+        display: inline-block;
+        "
+        >View record
+        </a>
+    </td>
+</tr>

apps/nestjs-backend/src/features/mail-sender/templates/partials/collaborator-multi-row-tag.hbs

@@ -0,0 +1,19 @@
+<tr>
+    <td style="padding: 30px; text-align: center;">
+        <p style="margin: 18px 0;">
+            <strong>{{fromUserName}}</strong> added you to {{refLength}} records in
+            <strong>{{tableName}}</strong>:
+        </p>
+        {{#each recordIds}}
+            The <strong>{{../fieldName}}</strong> field of a record:
+            <a
+                    href="{{../viewRecordUrlPrefix}}?recordId={{this}}&fromNotify={{../notifyId}}"
+            target="_blank"
+            style="color:#3276dc"
+            >{{../viewRecordUrlPrefix}}?recordId={{this}}&fromNotify={{../notifyId}}
+            </a>
+            <br>
+            <br>
+        {{/each}}
+    </td>
+</tr>

apps/nestjs-backend/src/features/mail-sender/templates/partials/invite.hbs

@@ -0,0 +1,11 @@
+<tr>
+    <td style="padding: 30px; text-align: center;">
+        <h2 style="margin: 0;">Invitation to Collaborate</h2>
+        <p style="margin: 18px 0;"><strong>{{name}}</strong> ({{email}}) has invited you to
+            collaborate
+            on their space <strong>{{spaceName}}</strong>.</p>
+        <a href="{{inviteUrl}}" class="button"
+            style="background-color: rgb(24, 24, 27); color: rgb(250, 250, 250); padding: 12px 24px; border-radius: 5px; text-decoration: none; font-weight: bold; display: inline-block; margin: 20px 0;">Accept
+            Invitation</a>
+    </td>
+</tr>