From 917f7a26291d53efe9939694ef714a040289290c Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 13 Oct 2023 16:12:17 +0530
Subject: [PATCH] chore: add "Email us" button in account menu on mobile

---
 .../AccountMenu/GeneralAccountMenu.tsx           | 16 ++++++++++++++++
 .../Components/Icon/IconNameToSvgMapping.tsx     |  1 +
 2 files changed, 17 insertions(+)

diff --git a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
index c31452571..9fa1b7c80 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
@@ -65,6 +65,16 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({ setMenuPane, closeMenu,
     application.preferencesController.openPreferences()
   }, [application])
 
+  const openEmail = useCallback(() => {
+    const subject = 'Standard Notes Feedback'
+
+    const body = `App Version: ${application.version}`
+
+    application.device.openUrl(
+      `mailto:help@standardnotes.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`,
+    )
+  }, [application.device, application.version])
+
   const signOut = useCallback(() => {
     application.accountMenuController.setSigningOut(true)
   }, [application])
@@ -164,6 +174,12 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({ setMenuPane, closeMenu,
           <Icon type="archive" className={iconClassName} />
           Import
         </MenuItem>
+        {application.isNativeMobileWeb() && (
+          <MenuItem onClick={openEmail}>
+            <Icon type="email-filled" className={iconClassName} />
+            Email us
+          </MenuItem>
+        )}
         <MenuItem className="justify-between" onClick={openHelp}>
           <div className="flex items-center">
             <Icon type="help" className={iconClassName} />
diff --git a/packages/web/src/javascripts/Components/Icon/IconNameToSvgMapping.tsx b/packages/web/src/javascripts/Components/Icon/IconNameToSvgMapping.tsx
index 67c63a550..40532e73f 100644
--- a/packages/web/src/javascripts/Components/Icon/IconNameToSvgMapping.tsx
+++ b/packages/web/src/javascripts/Components/Icon/IconNameToSvgMapping.tsx
@@ -25,6 +25,7 @@ export const IconNameToSvgMapping = {
   'clear-circle-filled': icons.ClearCircleFilledIcon,
   'cloud-off': icons.CloudOffIcon,
   'diamond-filled': icons.DiamondFilledIcon,
+  'email-filled': icons.EmailFilledIcon,
   'eye-off': icons.EyeOffIcon,
   'file-doc': icons.FileDocIcon,
   'file-image': icons.FileImageIcon,