chore: add "Email us" button in account menu on mobile
This commit is contained in:
@@ -65,6 +65,16 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({ setMenuPane, closeMenu,
|
|||||||
application.preferencesController.openPreferences()
|
application.preferencesController.openPreferences()
|
||||||
}, [application])
|
}, [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(() => {
|
const signOut = useCallback(() => {
|
||||||
application.accountMenuController.setSigningOut(true)
|
application.accountMenuController.setSigningOut(true)
|
||||||
}, [application])
|
}, [application])
|
||||||
@@ -164,6 +174,12 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({ setMenuPane, closeMenu,
|
|||||||
<Icon type="archive" className={iconClassName} />
|
<Icon type="archive" className={iconClassName} />
|
||||||
Import
|
Import
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
{application.isNativeMobileWeb() && (
|
||||||
|
<MenuItem onClick={openEmail}>
|
||||||
|
<Icon type="email-filled" className={iconClassName} />
|
||||||
|
Email us
|
||||||
|
</MenuItem>
|
||||||
|
)}
|
||||||
<MenuItem className="justify-between" onClick={openHelp}>
|
<MenuItem className="justify-between" onClick={openHelp}>
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<Icon type="help" className={iconClassName} />
|
<Icon type="help" className={iconClassName} />
|
||||||
|
|||||||
@@ -25,6 +25,7 @@ export const IconNameToSvgMapping = {
|
|||||||
'clear-circle-filled': icons.ClearCircleFilledIcon,
|
'clear-circle-filled': icons.ClearCircleFilledIcon,
|
||||||
'cloud-off': icons.CloudOffIcon,
|
'cloud-off': icons.CloudOffIcon,
|
||||||
'diamond-filled': icons.DiamondFilledIcon,
|
'diamond-filled': icons.DiamondFilledIcon,
|
||||||
|
'email-filled': icons.EmailFilledIcon,
|
||||||
'eye-off': icons.EyeOffIcon,
|
'eye-off': icons.EyeOffIcon,
|
||||||
'file-doc': icons.FileDocIcon,
|
'file-doc': icons.FileDocIcon,
|
||||||
'file-image': icons.FileImageIcon,
|
'file-image': icons.FileImageIcon,
|
||||||
|
|||||||
Reference in New Issue
Block a user