9001467872

Committed 08 May 2024 12:03PM UTC coverage: 31.817% (-0.06%) from 31.881%

Build # 9001467872

Build Type

Pull #9244

github

Committed by

oetherington

Commit Message

Reposition emojis on window resize

Pull Request Pull Request #9244: [EA] Emoji Banner May '24

Run Details

4731 of 38922 branches covered (12.16%)

Branch coverage included in aggregate %.

48 of 194 new or added lines in 11 files covered. (24.74%)

98 existing lines in 8 files now uncovered.

27640 of 62818 relevant lines covered (44.0%)

177.84 hits per line

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

24.14

/packages/lesswrong/components/ea-forum/onboarding/EAOnboardingFlow.tsx

import React, { useCallback, useEffect, useState } from "react";
import { Components, registerComponent } from "../../../lib/vulcan-lib";
import { useCurrentUser } from "../../common/withUser";
import { EAOnboardingContextProvider } from "./useEAOnboarding";

const styles = (_theme: ThemeType) => ({
  root: {
    padding: 0,
  },
});

const EAOnboardingFlow = ({viewAsAdmin, classes}: {
  // if viewAsAdmin is true, this is an admin testing out the flow, so don't update their account
  viewAsAdmin?: boolean,
  classes: ClassesType<typeof styles>,
}) => {
  const currentUser = useCurrentUser();

  // If `usernameUnset` is true, then we need to show the onboarding flow.
  // We cache the value in a `useState` as it gets set to false in the very
  // first stage (which is the only compulsary stage) - without caching the
  // value this would close the popup.
  const [isOnboarding, setIsOnboarding] = useState(currentUser?.usernameUnset || viewAsAdmin);

  useEffect(() => {
    // Set `isOnboarding` to true after a new user signs up.
    setIsOnboarding((currentValue) => currentValue || currentUser?.usernameUnset);
  }, [currentUser?.usernameUnset]);

  const onOnboardingComplete = useCallback(() => {
    setIsOnboarding(false);
  }, []);

  if (!isOnboarding) {
    return null;
  }

  const {
    BlurredBackgroundModal, EAOnboardingUserStage, EAOnboardingSubscribeStage,
    EAOnboardingWorkStage, EAOnboardingThankYouStage,
  } = Components;
  return (
    <BlurredBackgroundModal open className={classes.root}>
      <EAOnboardingContextProvider onOnboardingComplete={onOnboardingComplete} viewAsAdmin={viewAsAdmin}>
        <EAOnboardingUserStage />
        <EAOnboardingSubscribeStage />
        <EAOnboardingWorkStage />
        <EAOnboardingThankYouStage />
      </EAOnboardingContextProvider>
    </BlurredBackgroundModal>
  );
}

const EAOnboardingFlowComponent = registerComponent(
  "EAOnboardingFlow",
  EAOnboardingFlow,
  {styles},
);

declare global {
  interface ComponentTypes {
    EAOnboardingFlow: typeof EAOnboardingFlowComponent
  }
}

1	import React, { useCallback, useEffect, useState } from "react";	1✔
2	import { Components, registerComponent } from "../../../lib/vulcan-lib";	1✔
3	import { useCurrentUser } from "../../common/withUser";	1✔
4	import { EAOnboardingContextProvider } from "./useEAOnboarding";	1✔
5
6	const styles = (_theme: ThemeType) => ({	1✔
7	root: {
8	padding: 0,
9	},
10	});
11
12	const EAOnboardingFlow = ({viewAsAdmin, classes}: {	1✔
13	// if viewAsAdmin is true, this is an admin testing out the flow, so don't update their account
14	viewAsAdmin?: boolean,
15	classes: ClassesType<typeof styles>,
16	}) => {
UNCOV 17	const currentUser = useCurrentUser();	×
18
19	// If `usernameUnset` is true, then we need to show the onboarding flow.
20	// We cache the value in a `useState` as it gets set to false in the very
21	// first stage (which is the only compulsary stage) - without caching the
22	// value this would close the popup.
UNCOV 23	const [isOnboarding, setIsOnboarding] = useState(currentUser?.usernameUnset \|\| viewAsAdmin);	×
24
UNCOV 25	useEffect(() => {	×
26	// Set `isOnboarding` to true after a new user signs up.
UNCOV 27	setIsOnboarding((currentValue) => currentValue \|\| currentUser?.usernameUnset);	×
28	}, [currentUser?.usernameUnset]);	×
29
UNCOV 30	const onOnboardingComplete = useCallback(() => {	×
UNCOV 31	setIsOnboarding(false);	×
32	}, []);
33
UNCOV 34	if (!isOnboarding) {	×
UNCOV 35	return null;	×
36	}
37
38	const {
39	BlurredBackgroundModal, EAOnboardingUserStage, EAOnboardingSubscribeStage,
40	EAOnboardingWorkStage, EAOnboardingThankYouStage,
UNCOV 41	} = Components;	×
UNCOV 42	return (	×
43	<BlurredBackgroundModal open className={classes.root}>
44	<EAOnboardingContextProvider onOnboardingComplete={onOnboardingComplete} viewAsAdmin={viewAsAdmin}>
45	<EAOnboardingUserStage />
46	<EAOnboardingSubscribeStage />
47	<EAOnboardingWorkStage />
48	<EAOnboardingThankYouStage />
49	</EAOnboardingContextProvider>
50	</BlurredBackgroundModal>
51	);
52	}
53
54	const EAOnboardingFlowComponent = registerComponent(	1✔
55	"EAOnboardingFlow",
56	EAOnboardingFlow,
57	{styles},
58	);
59
60	declare global {
61	interface ComponentTypes {
62	EAOnboardingFlow: typeof EAOnboardingFlowComponent
63	}
64	}

ForumMagnum / ForumMagnum / 9001467872

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