Merge branch 'master' into ffmpeg

src/components/Sidebar.tsx

@@ -76,13 +76,14 @@ export default function Sidebar(props: Props) {
         const win = window.open(feedbackURL, '_blank');
         win.focus();
     }
-    function openSupportMail() {
-        const a = document.createElement('a');
-        a.href = 'mailto:contact@ente.io';
 
+    function initiateEmail(email: string) {
+        const a = document.createElement('a');
+        a.href = 'mailto:' + email;
         a.rel = 'noreferrer noopener';
         a.click();
     }
+
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function exportFiles() {
         if (isElectron()) {
@@ -215,7 +216,7 @@ export default function Sidebar(props: Props) {
                 </LinkButton>
                 <LinkButton
                     style={{ marginTop: '30px' }}
-                    onClick={openSupportMail}>
+                    onClick={() => initiateEmail('contact@ente.io')}>
                     {constants.SUPPORT}
                 </LinkButton>
                 <>
@@ -309,6 +310,26 @@ export default function Sidebar(props: Props) {
                     }>
                     {constants.LOGOUT}
                 </LinkButton>
+                <LinkButton
+                    variant="danger"
+                    style={{ marginTop: '30px' }}
+                    onClick={() =>
+                        props.setDialogMessage({
+                            title: `${constants.DELETE_ACCOUNT}`,
+                            content: constants.DELETE_MESSAGE(),
+                            staticBackdrop: true,
+                            proceed: {
+                                text: constants.DELETE_ACCOUNT,
+                                action: () => {
+                                    initiateEmail('account-deletion@ente.io');
+                                },
+                                variant: 'danger',
+                            },
+                            close: { text: constants.CANCEL },
+                        })
+                    }>
+                    {constants.DELETE_ACCOUNT}
+                </LinkButton>
                 <div
                     style={{
                         marginTop: '40px',

src/utils/strings/englishConstants.tsx

@@ -191,6 +191,19 @@ const englishConstants = {
     SKIP: 'skip',
     CANCEL: 'cancel',
     LOGOUT: 'logout',
+    DELETE_ACCOUNT: 'delete account',
+    DELETE_MESSAGE: () => (
+        <>
+            <p>
+                please send an email to{' '}
+                <a href="mailto:account-deletion@ente.io">
+                    account-deletion@ente.io
+                </a>{' '}
+                from your registered email address.{' '}
+            </p>
+            your request will be processed within 72 hours.
+        </>
+    ),
     LOGOUT_MESSAGE: 'sure you want to logout?',
     CHANGE: 'change',
     CHANGE_EMAIL: 'change email?',