display spam score on the tab

Author: bangnokia

src/components/EmailBodyTabs.tsx

@@ -1,47 +1,23 @@
-import { useState } from "react";
+import { useState, } from "react";
 import { Email } from "../types";
 import BrokenLinksChecker from "./BrokenLinksChecker";
 import SpamAssassin from "./SpamAssassin";
 import { open } from "@tauri-apps/api/shell";
 import GoogleChrome from "./icons/GoogleChrome";
 import Firefox from "./icons/Firefox";
-import { cacheDir } from "@tauri-apps/api/path"
-import { writeTextFile, createDir, readDir } from "@tauri-apps/api/fs";
-import { BaseDirectory } from "@tauri-apps/api/fs"
 import HtmlPreview from "./HtmlPreview";
+import { ensureEmailFileIsWritten } from "../utils/utils";
 
-async function ensureEmailFileIsWritten(email: Email): Promise<string> {
-    const fileName = `${email.id}.html`;
-    const cacheDirPath = await cacheDir();
-    const appCacheDir = `${cacheDirPath}/BladeMail`;
-
-    try {
-        await createDir("BladeMail", {
-            dir: BaseDirectory.Cache
-        });
-    } catch (e) { }
-
-    try {
-        const result = await writeTextFile(`BladeMail/${fileName}`, email.html, {
-            dir: BaseDirectory.Cache
-        });
-
-        console.log(result)
-    } catch (e) {
-    }
-
-    return appCacheDir + "/" + fileName;
-}
 
 export default function EmailBodyTabs({ email }: { email: Email }) {
     const tabs = ["html", "html source", "text", "raw", 'links checker', 'Spam Assassin'];
     const [activeTab, setActiveTab] = useState("html");
+    const [spamScore, setSpamScore] = useState<number>(0);
 
     async function openInBrowser(browserName: 'google chrome' | 'firefox') {
         // ensure html file is write to temp folder
         const filePath = await ensureEmailFileIsWritten(email);
 
-        console.log(filePath)
         if (filePath) {
             open(filePath, browserName)
         }
@@ -58,13 +34,13 @@ export default function EmailBodyTabs({ email }: { email: Email }) {
                             onClick={() => setActiveTab(tab)}
                         >
                             {tab.toUpperCase()}
+                            {tab === "Spam Assassin" && <span className="bg-white text-gray-500 px-1 ml-0.5 rounded">{spamScore}</span>}
                         </li>
                     ))}
                 </ul>
             </div>
             <div className="h-full w-full overflow-auto p-5">
                 <div className="h-full w-full rounded-xl bg-white text-sm">
-
                     {/* html preview tab */}
                     <div className={`relative h-full w-full ${activeTab === "html" ? "flex" : "hidden"}`}>
                         <HtmlPreview html={email.html} />
@@ -108,7 +84,7 @@ export default function EmailBodyTabs({ email }: { email: Email }) {
 
                     {/* spam assassin tab */}
                     <div className={activeTab === "Spam Assassin" ? "block" : "hidden"}>
-                        <SpamAssassin email={email} />
+                        <SpamAssassin email={email} setSpamScore={setSpamScore} />
                     </div>
                 </div>
             </div>

src/components/SpamAssassin.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import { Email } from "../types";
 import { getClient, ResponseType, Body } from "@tauri-apps/api/http";
-import { randomQuotes } from "../utils/quote-machines";
 
 export interface SpamReport {
   report: string,
@@ -25,11 +24,18 @@ async function checkSpam(raw: string) {
   return response.data
 }
 
-export default function SpamAssassin({ email }: { email: Email }) {
+export default function SpamAssassin({ email, setSpamScore }: { email: Email, setSpamScore: (score: number) => void }) {
   const [result, setResult] = useState<SpamReport>()
 
   useEffect(() => {
-    checkSpam(email.raw).then(response => setResult(response))
+    const timer = setTimeout(() => {
+      checkSpam(email.raw).then(response => {
+        setResult(response)
+        setSpamScore(response.score)
+      })
+    }, 500); // this prevent we check spam when email is open too fast
+
+    return () => clearTimeout(timer);
   }, [])
 
   return (

src/utils/utils.ts

@@ -1,4 +1,7 @@
 import { Email } from "../types";
+import { cacheDir } from "@tauri-apps/api/path"
+import { writeTextFile, createDir, readDir } from "@tauri-apps/api/fs";
+import { BaseDirectory } from "@tauri-apps/api/fs"
 
 export function makeExcerpt(email: Email) {
     let excerpt = "";
@@ -30,4 +33,26 @@ export function parseUrls(html: string): string[] {
         images.push(match[2]);
     }
     return [...new Set(links.concat(images))]
+}
+
+
+export async function ensureEmailFileIsWritten(email: Email): Promise<string> {
+    const fileName = `${email.id}.html`;
+    const cacheDirPath = await cacheDir();
+    const appCacheDir = `${cacheDirPath}/BladeMail`;
+
+    try {
+        await createDir("BladeMail", {
+            dir: BaseDirectory.Cache
+        });
+    } catch (e) { }
+
+    try {
+        await writeTextFile(`BladeMail/${fileName}`, email.html, {
+            dir: BaseDirectory.Cache
+        });
+    } catch (e) {
+    }
+
+    return appCacheDir + "/" + fileName;
 }