10007423458

Committed 19 Jul 2024 11:38AM UTC coverage: 31.877% (+0.02%) from 31.854%

Build # 10007423458

Build Type

Pull #9490

github

Committed by

Will-Howard

Commit Message

fix lint error

Pull Request Pull Request #9490: Add section to account settings for hard-deleting account

Run Details

4920 of 40462 branches covered (12.16%)

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.

28782 of 65262 relevant lines covered (44.1%)

179.69 hits per line

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

26.83

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

import React, { useCallback } from 'react';
import { Components, registerComponent } from '@/lib/vulcan-lib';
import { useUpdate } from '@/lib/crud/withUpdate';
import moment from 'moment';
import { ACCOUNT_DELETION_COOLING_OFF_DAYS } from '@/lib/collections/users/helpers';
import { useDialog } from '@/components/common/withDialog';
import { useFlashErrors } from '@/components/hooks/useFlashErrors';

const styles = (theme: ThemeType) => ({
  warningButton: {
    border: `1px solid ${theme.palette.error.main} !important`,
    color: theme.palette.error.main
  },
  warningMessage: {
    fontWeight: 600,
    color: theme.palette.error.main
  }
});

const DeleteAccountSection = ({
  user,
  classes,
}: {
  user: UsersEdit,
  classes: ClassesType<typeof styles>,
}) => {
  const { ActionButtonSection, FormatDate } = Components;
  const { mutate: rawUpdateUser, loading } = useUpdate({
    collectionName: "Users",
    fragmentName: 'UsersEdit',
  });
  const updateUser = useFlashErrors(rawUpdateUser);
  const { openDialog } = useDialog();

  const getWarningMessage = () => {
    if (!user.permanentDeletionRequestedAt) return null;

    const deletionDate = moment(user.permanentDeletionRequestedAt).add(ACCOUNT_DELETION_COOLING_OFF_DAYS, 'days').toDate();
    return (
      <p className={classes.warningMessage}>
        Your account will be permanently deleted{" "}
        {deletionDate > new Date() ? (
          <span>
            in <FormatDate date={deletionDate} tooltip={true} />
          </span>
        ) : (
          <span>within an hour</span>
        )}
      </p>
    );
  }

  const description = (
    <>
      <div>
        Deleting your account will permanently remove your data from the Forum and associated services. You will be
        asked for confirmation before continuing.
      </div>
      {getWarningMessage()}
    </>
  );

  const onClick = useCallback(() => {
    const permanentDeletionRequestedAt = user.permanentDeletionRequestedAt ? null : new Date();
    const deleted = !!permanentDeletionRequestedAt || user.deleted;

    const confirmAction = async () => {
      await updateUser({
        selector: { _id: user._id },
        data: {
          permanentDeletionRequestedAt,
          deleted,
        },
      });
    }

    if (!permanentDeletionRequestedAt) {
      void confirmAction()
    } else {
      openDialog({
        componentName: 'DeleteAccountConfirmationModal',
        componentProps: {
          confirmAction
        }
      })
    }
  }, [openDialog, updateUser, user._id, user.deleted, user.permanentDeletionRequestedAt]);

  return (
    <ActionButtonSection
      description={description}
      buttonText={user.permanentDeletionRequestedAt ? "Revoke deletion request" : "Delete account"}
      buttonProps={{ variant: "outlined", className: classes.warningButton }}
      loading={loading}
      onClick={onClick}
    />
  );
};

const DeleteAccountSectionComponent = registerComponent('DeleteAccountSection', DeleteAccountSection, { styles });

declare global {
  interface ComponentTypes {
    DeleteAccountSection: typeof DeleteAccountSectionComponent
  }
}

export default DeleteAccountSectionComponent;

1	import React, { useCallback } from 'react';	3✔
2	import { Components, registerComponent } from '@/lib/vulcan-lib';	1✔
3	import { useUpdate } from '@/lib/crud/withUpdate';	1✔
4	import moment from 'moment';	1✔
5	import { ACCOUNT_DELETION_COOLING_OFF_DAYS } from '@/lib/collections/users/helpers';	1✔
6	import { useDialog } from '@/components/common/withDialog';	1✔
7	import { useFlashErrors } from '@/components/hooks/useFlashErrors';	1✔
8
9	const styles = (theme: ThemeType) => ({	1✔
10	warningButton: {
11	border: `1px solid ${theme.palette.error.main} !important`,
12	color: theme.palette.error.main
13	},
14	warningMessage: {
15	fontWeight: 600,
16	color: theme.palette.error.main
17	}
18	});
19
20	const DeleteAccountSection = ({	1✔
21	user,
22	classes,
23	}: {
24	user: UsersEdit,
25	classes: ClassesType<typeof styles>,
26	}) => {
NEW 27	const { ActionButtonSection, FormatDate } = Components;	×
NEW 28	const { mutate: rawUpdateUser, loading } = useUpdate({	×
29	collectionName: "Users",
30	fragmentName: 'UsersEdit',
31	});
NEW 32	const updateUser = useFlashErrors(rawUpdateUser);	×
NEW 33	const { openDialog } = useDialog();	×
34
NEW 35	const getWarningMessage = () => {	×
NEW 36	if (!user.permanentDeletionRequestedAt) return null;	×
37
NEW 38	const deletionDate = moment(user.permanentDeletionRequestedAt).add(ACCOUNT_DELETION_COOLING_OFF_DAYS, 'days').toDate();	×
NEW 39	return (	×
40	<p className={classes.warningMessage}>
41	Your account will be permanently deleted{" "}
42	{deletionDate > new Date() ? (
43	<span>	×
44	in <FormatDate date={deletionDate} tooltip={true} />
45	</span>
46	) : (
47	<span>within an hour</span>
48	)}
49	</p>
50	);
51	}
52
53	const description = (
NEW 54	<>	×
55	<div>
56	Deleting your account will permanently remove your data from the Forum and associated services. You will be
57	asked for confirmation before continuing.
58	</div>
59	{getWarningMessage()}
60	</>
61	);
62
NEW 63	const onClick = useCallback(() => {	×
NEW 64	const permanentDeletionRequestedAt = user.permanentDeletionRequestedAt ? null : new Date();	×
NEW 65	const deleted = !!permanentDeletionRequestedAt \|\| user.deleted;	×
66
NEW 67	const confirmAction = async () => {	×
NEW 68	await updateUser({	×
69	selector: { _id: user._id },
70	data: {
71	permanentDeletionRequestedAt,
72	deleted,
73	},
74	});
75	}
76
NEW 77	if (!permanentDeletionRequestedAt) {	×
NEW 78	void confirmAction()	×
79	} else {
NEW 80	openDialog({	×
81	componentName: 'DeleteAccountConfirmationModal',
82	componentProps: {
83	confirmAction
84	}
85	})
86	}
87	}, [openDialog, updateUser, user._id, user.deleted, user.permanentDeletionRequestedAt]);
88
NEW 89	return (	×
90	<ActionButtonSection
91	description={description}
92	buttonText={user.permanentDeletionRequestedAt ? "Revoke deletion request" : "Delete account"}	×
93	buttonProps={{ variant: "outlined", className: classes.warningButton }}
94	loading={loading}
95	onClick={onClick}
96	/>
97	);
98	};
99
100	const DeleteAccountSectionComponent = registerComponent('DeleteAccountSection', DeleteAccountSection, { styles });	1✔
101
102	declare global {
103	interface ComponentTypes {
104	DeleteAccountSection: typeof DeleteAccountSectionComponent
105	}
106	}
107
108	export default DeleteAccountSectionComponent;	1✔

ForumMagnum / ForumMagnum / 10007423458

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