10026043397

Committed 21 Jul 2024 05:52AM UTC coverage: 31.952% (+0.09%) from 31.859%

Build # 10026043397

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9527 from ForumMagnum/master

Merge master into lw-deploy

Run Details

4929 of 40403 branches covered (12.2%)

Branch coverage included in aggregate %.

262 of 491 new or added lines in 72 files covered. (53.36%)

7 existing lines in 6 files now uncovered.

28808 of 65183 relevant lines covered (44.2%)

180.44 hits per line

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

31.67

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

import { Components, registerComponent, getFragment } from '@/lib/vulcan-lib';
import { useMessages } from '@/components/common/withMessages';
import React from 'react';
import { getUserEmail, userCanEditUser, userGetDisplayName, userGetProfileUrl} from '@/lib/collections/users/helpers';
import Button from '@material-ui/core/Button';
import { useCurrentUser } from '@/components/common/withUser';
import { gql, useMutation, useApolloClient } from '@apollo/client';
import { isEAForum } from '@/lib/instanceSettings';
import { useThemeOptions, useSetTheme } from '@/components/themes/useTheme';
import { captureEvent } from '@/lib/analyticsEvents';
import { configureDatadogRum } from '@/client/datadogRum';
import { isFriendlyUI, preferredHeadingCase } from '@/themes/forumTheme';
import { useNavigate } from '@/lib/reactRouterWrapper';

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    ...(isFriendlyUI && {
      "& .form-submit": {
        display: "flex",
        flexDirection: "column",
        alignItems: "flex-end",
        marginRight: 5,
      },
    }),
  },
  resetButton: {
    marginBottom:theme.spacing.unit * 4
  },
})

const passwordResetMutation = gql`
  mutation resetPassword($email: String) {
    resetPassword(email: $email)
  }
`

const UsersEditForm = ({terms, classes}: {
  terms: {slug: string},
  classes: ClassesType,
}) => {
  const currentUser = useCurrentUser();
  const { flash } = useMessages();
  const navigate = useNavigate();
  const client = useApolloClient();
  const { ErrorAccessDenied } = Components;
  const [ mutate, loading ] = useMutation(passwordResetMutation, { errorPolicy: 'all' })
  const currentThemeOptions = useThemeOptions();
  const setTheme = useSetTheme();

  if(!userCanEditUser(currentUser, terms)) {
    return <ErrorAccessDenied />;
  }
  const isCurrentUser = (terms.slug === currentUser?.slug)

  // currentUser will not be the user being edited in the case where current
  // user is an admin. This component does not have access to the user email at
  // all in admin mode unfortunately. In the fullness of time we could fix that,
  // currently we disable it below
  const requestPasswordReset = async () => {
    const { data } = await mutate({variables: { email: getUserEmail(currentUser) }})
    flash(data?.resetPassword)
  }

  return (
    <div className={classes.root}>
      {/* TODO(EA): Need to add a management API call to get the reset password
          link, but for now users can reset their password from the login
          screen */}
      {isCurrentUser && !isEAForum && <Button
        color="secondary"
        variant="outlined"
        className={classes.resetButton}
        onClick={requestPasswordReset}
      >
        {preferredHeadingCase("Reset Password")}
      </Button>}

      <Components.WrappedSmartForm
        collectionName="Users"
        {...terms}
        removeFields={currentUser?.isAdmin ? [] : ["paymentEmail", "paymentInfo"]}
        successCallback={async (user: AnyBecauseTodo) => {
          if (user?.theme) {
            const theme = {...currentThemeOptions, ...user.theme};
            setTheme(theme);
            captureEvent("setUserTheme", theme);
          }

          // reconfigure datadog RUM in case they have changed their settings
          configureDatadogRum(user)

          flash(`User "${userGetDisplayName(user)}" edited`);
          try {
            await client.resetStore()
          } finally {
            navigate(userGetProfileUrl(user))
          }
        }}
        queryFragment={getFragment('UsersEdit')}
        mutationFragment={getFragment('UsersEdit')}
        showRemove={false}
      />
    </div>
  );
};


const UsersEditFormComponent = registerComponent('UsersEditForm', UsersEditForm, {styles});

declare global {
  interface ComponentTypes {
    UsersEditForm: typeof UsersEditFormComponent
  }
}

1	import { Components, registerComponent, getFragment } from '@/lib/vulcan-lib';	1✔
2	import { useMessages } from '@/components/common/withMessages';	1✔
3	import React from 'react';	1✔
4	import { getUserEmail, userCanEditUser, userGetDisplayName, userGetProfileUrl} from '@/lib/collections/users/helpers';	1✔
5	import Button from '@material-ui/core/Button';	1✔
6	import { useCurrentUser } from '@/components/common/withUser';	1✔
7	import { gql, useMutation, useApolloClient } from '@apollo/client';	1✔
8	import { isEAForum } from '@/lib/instanceSettings';	1✔
9	import { useThemeOptions, useSetTheme } from '@/components/themes/useTheme';	1✔
10	import { captureEvent } from '@/lib/analyticsEvents';	1✔
11	import { configureDatadogRum } from '@/client/datadogRum';	1✔
12	import { isFriendlyUI, preferredHeadingCase } from '@/themes/forumTheme';	1✔
13	import { useNavigate } from '@/lib/reactRouterWrapper';	1✔
14
15	const styles = (theme: ThemeType): JssStyles => ({	1✔
16	root: {
17	...(isFriendlyUI && {	2✔
18	"& .form-submit": {
19	display: "flex",
20	flexDirection: "column",
21	alignItems: "flex-end",
22	marginRight: 5,
23	},
24	}),
25	},
26	resetButton: {
27	marginBottom:theme.spacing.unit * 4
28	},
29	})
30
31	const passwordResetMutation = gql`	1✔
32	mutation resetPassword($email: String) {
33	resetPassword(email: $email)
34	}
35	`
36
37	const UsersEditForm = ({terms, classes}: {	1✔
38	terms: {slug: string},
39	classes: ClassesType,
40	}) => {
41	const currentUser = useCurrentUser();	×
42	const { flash } = useMessages();	×
43	const navigate = useNavigate();	×
44	const client = useApolloClient();	×
NEW 45	const { ErrorAccessDenied } = Components;	×
46	const [ mutate, loading ] = useMutation(passwordResetMutation, { errorPolicy: 'all' })	×
47	const currentThemeOptions = useThemeOptions();	×
48	const setTheme = useSetTheme();	×
49
NEW 50	if(!userCanEditUser(currentUser, terms)) {	×
NEW 51	return <ErrorAccessDenied />;	×
52	}
NEW 53	const isCurrentUser = (terms.slug === currentUser?.slug)	×
54
55	// currentUser will not be the user being edited in the case where current
56	// user is an admin. This component does not have access to the user email at
57	// all in admin mode unfortunately. In the fullness of time we could fix that,
58	// currently we disable it below
59	const requestPasswordReset = async () => {	×
60	const { data } = await mutate({variables: { email: getUserEmail(currentUser) }})	×
61	flash(data?.resetPassword)	×
62	}
63
64	return (	×
65	<div className={classes.root}>
66	{/* TODO(EA): Need to add a management API call to get the reset password
67	link, but for now users can reset their password from the login
68	screen */}
69	{isCurrentUser && !isEAForum && <Button	×
70	color="secondary"
71	variant="outlined"
72	className={classes.resetButton}
73	onClick={requestPasswordReset}
74	>
75	{preferredHeadingCase("Reset Password")}
76	</Button>}
77
78	<Components.WrappedSmartForm
79	collectionName="Users"
80	{...terms}
81	removeFields={currentUser?.isAdmin ? [] : ["paymentEmail", "paymentInfo"]}	×
82	successCallback={async (user: AnyBecauseTodo) => {
83	if (user?.theme) {	×
84	const theme = {...currentThemeOptions, ...user.theme};	×
85	setTheme(theme);	×
86	captureEvent("setUserTheme", theme);	×
87	}
88
89	// reconfigure datadog RUM in case they have changed their settings
90	configureDatadogRum(user)	×
91
92	flash(`User "${userGetDisplayName(user)}" edited`);	×
93	try {	×
94	await client.resetStore()	×
95	} finally {
96	navigate(userGetProfileUrl(user))	×
97	}
98	}}
99	queryFragment={getFragment('UsersEdit')}
100	mutationFragment={getFragment('UsersEdit')}
101	showRemove={false}
102	/>
103	</div>
104	);
105	};
106
107
108	const UsersEditFormComponent = registerComponent('UsersEditForm', UsersEditForm, {styles});	1✔
109
110	declare global {
111	interface ComponentTypes {
112	UsersEditForm: typeof UsersEditFormComponent
113	}
114	}

ForumMagnum / ForumMagnum / 10026043397

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