@social-mail/social-mail-client 1.8.286 → 1.8.287

package/src/web/page/mails/commands/ReportConversationCommand.tsx

@@ -0,0 +1,43 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import UICommand from "../../../../common/ui-commands/UICommand";
+import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
+import MiniComposePage from "../mini-compose/MiniComposePage";
+import { Mailto } from "../../../../common/Mailto";
+import { DeleteIconTextButton } from "../../../../common/controls/buttons/IconButton";
+import type ConversationPage from "../ConversationPage";
+
+UICommand.on<ConversationPage>("report-spam", async ({ control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Spam Report", body: "Attached email contains #Spam." }),
+        thread: control.mailsRepeater.items[0],
+        asAttachment: true
+    });
+});
+
+
+UICommand.on<ConversationPage>("report-phishing", async ({ control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Phishing Report", body: "Attached email contains #Phishing." }),
+        thread: control.mailsRepeater.items[0],
+        asAttachment: true
+    });
+});
+
+export function ReportConversationPhishing() {
+    return <DeleteIconTextButton
+        data-click-event="report-conversation-phishing"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        text="Report Phishing"
+        />;
+}
+
+
+export function ReportConversationSpam() {
+    return <DeleteIconTextButton
+        data-click-event="report-conversation-spam"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        text="Report Spam"
+        />;
+}

package/src/web/page/mails/commands/ReportEmailCommand.tsx

@@ -4,20 +4,40 @@ import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
 import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
 import MiniComposePage from "../mini-compose/MiniComposePage";
 import { MenuItem } from "@web-atoms/web-controls/dist/basic/PopupButton";
+import { Mailto } from "../../../../common/Mailto";
 
-UICommand.on<AtomRepeater>("report-email", async ({ data, control }) => {
+UICommand.on<AtomRepeater>("report-spam", async ({ data, control }) => {
     PageNavigator.pushPage(MiniComposePage, {
-        mailto: "mailto:report@esocialmail.com",
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Spam Report", body: "Attached email contains #Spam." }),
         thread: data,
         asAttachment: true
     });
 });
 
-export default function ReportEmailCommand() {
+
+UICommand.on<AtomRepeater>("report-phishing", async ({ data, control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Phishing Report", body: "Attached email contains #Phishing." }),
+        thread: data,
+        asAttachment: true
+    });
+});
+
+export function ReportPhishingCommand() {
+    return <MenuItem
+        data-click-event="report-phishing"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        label="Report Phishing"
+        />;
+}
+
+
+export function ReportSpamCommand() {
     return <MenuItem
-        data-click-event="report-email"
+        data-click-event="report-spam"
         icon="fad fa-shield-quartered"
         data-color="red"
-        label="Report"
+        label="Report Spam"
         />;
 }