10162524037

Committed 30 Jul 2024 12:40PM UTC coverage: 32.082% (+0.2%) from 31.859%

Build # 10162524037

Build Type

Pull #9551

github

Committed by

web-flow

Commit Message

Merge 891bd7ffd into 91c6f8d44

Pull Request Pull Request #9551: Add link to DM a specific user

Run Details

4936 of 40046 branches covered (12.33%)

Branch coverage included in aggregate %.

12 of 31 new or added lines in 3 files covered. (38.71%)

730 existing lines in 15 files now uncovered.

28724 of 64874 relevant lines covered (44.28%)

180.87 hits per line

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

21.67

/packages/lesswrong/components/users/CrosspostLoginPage.tsx

import React, { useState } from "react";
import { Components, registerComponent } from "../../lib/vulcan-lib";
import Button from "@material-ui/core/Button";
import { useCurrentUser } from "../common/withUser";
import { forumHeaderTitleSetting } from "../common/Header";
import { gql, useMutation } from "@apollo/client";
import { hasProminentLogoSetting } from "../../lib/publicSettings";
import { isE2E } from "@/lib/executionEnvironment";
import { useLocation } from "@/lib/routeUtil";

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
  },
  heading: {
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    marginTop: "1.5em",
  },
  headingText: {
    fontSize: 20,
    margin: 0,
  },
  buttonContainer: {
    marginTop: "1.5em",
  },
  error: {
    color: theme.palette.error.main,
    marginTop: 16,
  },
});

const connectCrossposterMutation = gql`
  mutation connectCrossposter($token: String) {
    connectCrossposter(token: $token)
  }
`;

const CrosspostLoginPage = ({classes}: {
  classes: ClassesType,
}) => {
  const [connectCrossposter, loading] = useMutation(connectCrossposterMutation, {errorPolicy: "all"});
  const [error, setError] = useState<string | null>(null);
  const currentUser = useCurrentUser();
  const {query: {token}} = useLocation();

  const onConfirm = async () => {
    if (!currentUser) {
      throw new Error("Can't connect crosspost account whilst logged out");
    }
    const result = await connectCrossposter({
      variables: {token},
    });
    if (result?.data?.connectCrossposter === "success") {
      setError(null);
      window.close();
    } else if (result?.errors?.length) {
      setError(result.errors[0].message);
    } else {
      setError("Failed to connect accounts");
    }
  }

  const {LoginForm, SiteLogo, Loading, Typography} = Components;

  return (
    <div className={classes.root}>
      <div className={classes.heading}>
        {hasProminentLogoSetting.get() && <SiteLogo />}
        <Typography variant="title" className={classes.headingText}>
          {forumHeaderTitleSetting.get()}
        </Typography>
      </div>
      {error && <div className={classes.error}>Error: {error}</div>}
      {currentUser
        ? (
          <>
            <Typography variant="body2">
              Logged in as {currentUser.displayName}
            </Typography>
            <div className={classes.buttonContainer}>
              {loading?.loading || (loading?.called && !loading?.error)
                ? (
                  <Loading />
                )
                : (
                  <Button onClick={onConfirm}>
                    Click to connect your account for crossposting
                  </Button>
                )
              }
            </div>
          </>
        )
        : (
          <LoginForm immediateRedirect={!isE2E} />
        )
      }
    </div>
  );
}

const CrosspostLoginPageComponent = registerComponent("CrosspostLoginPage", CrosspostLoginPage, {styles});

declare global {
  interface ComponentTypes {
    CrosspostLoginPage: typeof CrosspostLoginPageComponent,
  }
}

1	import React, { useState } from "react";	1✔
2	import { Components, registerComponent } from "../../lib/vulcan-lib";	1✔
3	import Button from "@material-ui/core/Button";	1✔
4	import { useCurrentUser } from "../common/withUser";	1✔
5	import { forumHeaderTitleSetting } from "../common/Header";	1✔
6	import { gql, useMutation } from "@apollo/client";	1✔
7	import { hasProminentLogoSetting } from "../../lib/publicSettings";	1✔
8	import { isE2E } from "@/lib/executionEnvironment";	1✔
9	import { useLocation } from "@/lib/routeUtil";	1✔
10
11	const styles = (theme: ThemeType): JssStyles => ({	1✔
12	root: {
13	display: "flex",
14	flexDirection: "column",
15	alignItems: "center",
16	},
17	heading: {
18	display: "flex",
19	flexDirection: "row",
20	alignItems: "center",
21	marginTop: "1.5em",
22	},
23	headingText: {
24	fontSize: 20,
25	margin: 0,
26	},
27	buttonContainer: {
28	marginTop: "1.5em",
29	},
30	error: {
31	color: theme.palette.error.main,
32	marginTop: 16,
33	},
34	});
35
36	const connectCrossposterMutation = gql`	1✔
37	mutation connectCrossposter($token: String) {
38	connectCrossposter(token: $token)
39	}
40	`;
41
42	const CrosspostLoginPage = ({classes}: {	1✔
43	classes: ClassesType,
44	}) => {
45	const [connectCrossposter, loading] = useMutation(connectCrossposterMutation, {errorPolicy: "all"});	×
46	const [error, setError] = useState<string \| null>(null);	×
UNCOV 47	const currentUser = useCurrentUser();	×
48	const {query: {token}} = useLocation();	×
49
50	const onConfirm = async () => {	×
UNCOV 51	if (!currentUser) {	×
52	throw new Error("Can't connect crosspost account whilst logged out");	×
53	}
UNCOV 54	const result = await connectCrossposter({	×
55	variables: {token},
56	});
57	if (result?.data?.connectCrossposter === "success") {	×
58	setError(null);	×
59	window.close();	×
UNCOV 60	} else if (result?.errors?.length) {	×
61	setError(result.errors[0].message);	×
62	} else {
UNCOV 63	setError("Failed to connect accounts");	×
64	}
65	}
66
67	const {LoginForm, SiteLogo, Loading, Typography} = Components;	×
68
UNCOV 69	return (	×
70	<div className={classes.root}>
71	<div className={classes.heading}>
72	{hasProminentLogoSetting.get() && <SiteLogo />}	×
73	<Typography variant="title" className={classes.headingText}>
74	{forumHeaderTitleSetting.get()}
75	</Typography>
76	</div>
77	{error && <div className={classes.error}>Error: {error}</div>}	×
78	{currentUser
79	? (
80	<>	×
81	<Typography variant="body2">
82	Logged in as {currentUser.displayName}
83	</Typography>
84	<div className={classes.buttonContainer}>
85	{loading?.loading \|\| (loading?.called && !loading?.error)	×
86	? (
87	<Loading />	×
88	)
89	: (
90	<Button onClick={onConfirm}>
91	Click to connect your account for crossposting
92	</Button>
93	)
94	}
95	</div>
96	</>
97	)
98	: (
99	<LoginForm immediateRedirect={!isE2E} />
100	)
101	}
102	</div>
103	);
104	}
105
106	const CrosspostLoginPageComponent = registerComponent("CrosspostLoginPage", CrosspostLoginPage, {styles});	1✔
107
108	declare global {
109	interface ComponentTypes {
110	CrosspostLoginPage: typeof CrosspostLoginPageComponent,
111	}
112	}

ForumMagnum / ForumMagnum / 10162524037

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