Merge pull request #18 from opeolluwa/dev

refactor

.gitignore

@@ -3,4 +3,5 @@
 /shell.js
 /utils.db
 utils.db-shm
-utils.db-wal
+utils.db-wal
+.env

.vscode/settings.json

@@ -1,10 +1,5 @@
 {
   "cSpell.words": [
     "sqlx"
-  ],
-  "workbench.colorCustomizations": {
-    "activityBar.background": "#462511",
-    "titleBar.activeBackground": "#613417",
-    "titleBar.activeForeground": "#FDFAF8"
-  }
+  ]
 }

Cargo.toml

@@ -14,11 +14,13 @@ clap = {version = "4.3.23", features = ["derive"]}
 console = "0.15.7"
 dialoguer = {version = "0.10.4", features = ["fuzzy-select", "completion"]}
 dirs = "5.0.1"
+handlebars = "4.4.0"
 include_dir = "0.7.3"
 indicatif = "0.17.6"
 lazy_static = "1.4.0"
-lettre = "0.10.4"
+lettre = { version = "0.10.4", features = ["tokio1", "tokio1-native-tls"] }
 serde = {versio = "1.0.185", features = ["derive"]}
+serde_json = "1.0.105"
 sqlx = {version = "0.6.2", features = ["runtime-tokio-native-tls", "sqlite"]}
 tokio = {version = "1.20.0", features = ["macros"]}
 uuid = {version = "1.4.1", features = ["v4", "fast-rng", "macro-diagnostics"]}

src/assets/email.mjml

@@ -1,16 +1,21 @@
 <mjml>
   <mj-body background-color="#fcfcfc">
-
+    <mj-wrapper background-color="#ffbb45">
+    </mj-wrapper>
 
     <mj-section background-color="#FFF">
       <mj-column width="100%">
+        <mj-image src="https://ik.imagekit.io/nethbooks/cdn/mailer_IIjJfa1vo.png?updatedAt=1694136384730" alt="opeolluwa::maier" />
         <mj-text font-size="16px" line-height="32px" font-family="Urbanist, arial, 'san-serif'" color="#0B0C14" padding-top="20px">
-          Hi <span>{{recipient}}</span>,
+          Hi <span style="text-transform:capitalize:font-weight:bold">{{recipient}}</span>,
         </mj-text>
 
-        <mj-text font-size="16px" line-height="32px" font-family="Urbanist, arial, 'san-serif'" color="#0B0C14" padding-top="10px">
-          {{content}}
-        </mj-text>
+        {{#each body}}
+          <mj-text font-size="16px" line-height="32px" font-family="Urbanist, arial, 'san-serif'" color="#0B0C14" padding-top="10px" padding-bottom="25px">
+            {{this}}
+          </mj-text>
+
+        {{/each}}
       </mj-column>
 
       <mj-column width="100%">
@@ -26,6 +31,8 @@
       </mj-column>
     </mj-section>
 
-
+    <!-- <mj-include path="./footer.mjml" /> -->
+    <mj-wrapper background-color="#ffbb45">
+    </mj-wrapper>
   </mj-body>
 </mjml>