10007514369

Committed 19 Jul 2024 11:46AM UTC coverage: 31.957% (+0.03%) from 31.932%

Build # 10007514369

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9490 from ForumMagnum/wh-account-deletion-self-serve-2-2024-07

Add section to account settings for hard-deleting account

Run Details

4929 of 40399 branches covered (12.2%)

Branch coverage included in aggregate %.

91 of 177 new or added lines in 18 files covered. (51.41%)

1 existing line in 1 file now uncovered.

28807 of 65168 relevant lines covered (44.2%)

180.48 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

41.67

/packages/lesswrong/components/users/account/DeleteAccountConfirmationModal.tsx

import React, { useState } from 'react';
import DialogContent from '@material-ui/core/DialogContent';
import { isFriendlyUI } from '@/themes/forumTheme';
import { Components, registerComponent } from '@/lib/vulcan-lib';
import { Link } from '@/lib/reactRouterWrapper';
import { ACCOUNT_DELETION_COOLING_OFF_DAYS } from '@/lib/collections/users/helpers';
import { useMessages } from '@/components/common/withMessages';

const styles = (theme: ThemeType) => ({
  dialogPaper: {
    maxWidth: 500,
  },
  close: {
    position: "absolute",
    right: 12,
    top: 12,
    cursor: "pointer",
    "& svg": {
      color: theme.palette.grey[600],
      width: 20,
    },
  },
  header: {
    marginTop: 0,
    fontSize: 24
  },
  text: {
    fontFamily: theme.typography.fontFamily,
    fontSize: 14,
    lineHeight: '20px',
    fontWeight: 500,
    color: theme.palette.grey[800]
  },
  buttonRow: {
    display: 'flex',
    gap: '8px',
    float: 'right',
  },
  link: {
    color: theme.palette.primary.main
  }
});

const DeleteAccountConfirmationModal = ({onClose, confirmAction, classes}: {
  onClose: () => void,
  confirmAction: () => Promise<void>,
  classes: ClassesType<typeof styles>,
}) => {
  const {LWDialog, EAButton, Loading, Typography} = Components;
  const [loading, setLoading] = useState(false);
  const { flash } = useMessages();

  return (
    <LWDialog
      open={true}
      onClose={onClose}
      fullWidth
      maxWidth={isFriendlyUI ? "md" : "sm"}
      dialogClasses={{ paper: classes.dialogPaper }}
    >
      <DialogContent>
        <Typography variant="display2" className={classes.header}>
          Confirm account deletion
        </Typography>
        <p className={classes.text}>
          Your account will be deactivated, and you will be unsubscribed from the Forum Digest. You will be able to log
          in and reverse this within <b>{ACCOUNT_DELETION_COOLING_OFF_DAYS} days</b>, after which your account and any
          associated data will be permanently deleted from our servers.
        </p>
        <p className={classes.text}>
          Note: By default your posts and comments will remain and be listed as '[Anonymous]', please{" "}
          <Link className={classes.link} to="/contact" target="_blank" rel="noopener noreferrer">
            contact us
          </Link>{" "}
          if you would like these to be removed.
        </p>
        <div className={classes.buttonRow}>
          <EAButton variant="outlined" onClick={onClose}>
            Cancel
          </EAButton>
          <EAButton
            onClick={async () => {
              setLoading(true);
              try {
                await confirmAction();
              } catch (e) {
                flash(e.message)
              } finally {
                setLoading(false);
                onClose();
              }
            }}
          >
            {loading ? <Loading /> : "Confirm"}
          </EAButton>
        </div>
      </DialogContent>
    </LWDialog>
  );
}

const DeleteAccountConfirmationModalComponent = registerComponent(
  'DeleteAccountConfirmationModal',
  DeleteAccountConfirmationModal,
  {styles},
);

declare global {
  interface ComponentTypes {
    DeleteAccountConfirmationModal: typeof DeleteAccountConfirmationModalComponent
  }
}

1	import React, { useState } from 'react';	1✔
2	import DialogContent from '@material-ui/core/DialogContent';	1✔
3	import { isFriendlyUI } from '@/themes/forumTheme';	1✔
4	import { Components, registerComponent } from '@/lib/vulcan-lib';	1✔
5	import { Link } from '@/lib/reactRouterWrapper';	1✔
6	import { ACCOUNT_DELETION_COOLING_OFF_DAYS } from '@/lib/collections/users/helpers';	1✔
7	import { useMessages } from '@/components/common/withMessages';	1✔
8
9	const styles = (theme: ThemeType) => ({	1✔
10	dialogPaper: {
11	maxWidth: 500,
12	},
13	close: {
14	position: "absolute",
15	right: 12,
16	top: 12,
17	cursor: "pointer",
18	"& svg": {
19	color: theme.palette.grey[600],
20	width: 20,
21	},
22	},
23	header: {
24	marginTop: 0,
25	fontSize: 24
26	},
27	text: {
28	fontFamily: theme.typography.fontFamily,
29	fontSize: 14,
30	lineHeight: '20px',
31	fontWeight: 500,
32	color: theme.palette.grey[800]
33	},
34	buttonRow: {
35	display: 'flex',
36	gap: '8px',
37	float: 'right',
38	},
39	link: {
40	color: theme.palette.primary.main
41	}
42	});
43
44	const DeleteAccountConfirmationModal = ({onClose, confirmAction, classes}: {	1✔
45	onClose: () => void,
46	confirmAction: () => Promise<void>,
47	classes: ClassesType<typeof styles>,
48	}) => {
NEW 49	const {LWDialog, EAButton, Loading, Typography} = Components;	×
NEW 50	const [loading, setLoading] = useState(false);	×
NEW 51	const { flash } = useMessages();	×
52
NEW 53	return (	×
54	<LWDialog
55	open={true}
56	onClose={onClose}
57	fullWidth
58	maxWidth={isFriendlyUI ? "md" : "sm"}	×
59	dialogClasses={{ paper: classes.dialogPaper }}
60	>
61	<DialogContent>
62	<Typography variant="display2" className={classes.header}>
63	Confirm account deletion
64	</Typography>
65	<p className={classes.text}>
66	Your account will be deactivated, and you will be unsubscribed from the Forum Digest. You will be able to log
67	in and reverse this within <b>{ACCOUNT_DELETION_COOLING_OFF_DAYS} days</b>, after which your account and any
68	associated data will be permanently deleted from our servers.
69	</p>
70	<p className={classes.text}>
71	Note: By default your posts and comments will remain and be listed as '[Anonymous]', please{" "}
72	<Link className={classes.link} to="/contact" target="_blank" rel="noopener noreferrer">
73	contact us
74	</Link>{" "}
75	if you would like these to be removed.
76	</p>
77	<div className={classes.buttonRow}>
78	<EAButton variant="outlined" onClick={onClose}>
79	Cancel
80	</EAButton>
81	<EAButton
82	onClick={async () => {
NEW 83	setLoading(true);	×
NEW 84	try {	×
NEW 85	await confirmAction();	×
86	} catch (e) {
NEW 87	flash(e.message)	×
88	} finally {
NEW 89	setLoading(false);	×
NEW 90	onClose();	×
91	}
92	}}
93	>
94	{loading ? <Loading /> : "Confirm"}	×
95	</EAButton>
96	</div>
97	</DialogContent>
98	</LWDialog>
99	);
100	}
101
102	const DeleteAccountConfirmationModalComponent = registerComponent(	1✔
103	'DeleteAccountConfirmationModal',
104	DeleteAccountConfirmationModal,
105	{styles},
106	);
107
108	declare global {
109	interface ComponentTypes {
110	DeleteAccountConfirmationModal: typeof DeleteAccountConfirmationModalComponent
111	}
112	}

ForumMagnum / ForumMagnum / 10007514369

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous