9003817552

Committed 08 May 2024 02:43PM UTC coverage: 31.878% (-0.05%) from 31.93%

Build # 9003817552

Build Type

Pull #9244

github

Committed by

oetherington

Commit Message

More emoji banner analytics events

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

Run Details

4768 of 38957 branches covered (12.24%)

Branch coverage included in aggregate %.

52 of 219 new or added lines in 11 files covered. (23.74%)

2 existing lines in 2 files now uncovered.

27688 of 62856 relevant lines covered (44.05%)

177.22 hits per line

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

42.86

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

import React, { useCallback, ChangeEvent, RefObject } from "react";
import { registerComponent } from "../../../lib/vulcan-lib";
import classNames from "classnames";

// These styles are also used by `EAOnboardingSelect`
export const styles = (theme: ThemeType) => ({
  root: {
    width: "100%",
    padding: "16px",
    borderRadius: theme.borderRadius.default,
    background: theme.palette.panelBackground.loginInput,
    color: theme.palette.grey[1000],
    fontSize: 14,
    border: "none",
    "&::placeholder": {
      color: theme.palette.grey[600],
    },
    "&:hover, &:focus": {
      background: theme.palette.panelBackground.loginInputHovered,
    },
  },
});

export const EAOnboardingInput = ({
  value,
  setValue,
  placeholder,
  As="input",
  rows,
  inputRef,
  className,
  classes,
}: {
  value: string,
  setValue: (value: string) => void,
  placeholder: string,
  As?: "input" | "textarea",
  rows?: number,
  inputRef?: RefObject<HTMLInputElement> | RefObject<HTMLTextAreaElement>,
  className?: string,
  classes: ClassesType<typeof styles>,
}) => {
  const onChange = useCallback((
    ev: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextAreaElement>,
  ) => {
    setValue(ev.target.value ?? "");
  }, [setValue]);
  return (
    <As
      value={value}
      type={As === "input" ? "text" : undefined}
      onChange={onChange}
      placeholder={placeholder}
      rows={rows}
      ref={inputRef as AnyBecauseHard}
      className={classNames(classes.root, className)}
    />
  );
}

const EAOnboardingInputComponent = registerComponent(
  "EAOnboardingInput",
  EAOnboardingInput,
  {styles, stylePriority: -1},
);

declare global {
  interface ComponentTypes {
    EAOnboardingInput: typeof EAOnboardingInputComponent
  }
}

1	import React, { useCallback, ChangeEvent, RefObject } from "react";	4✔
2	import { registerComponent } from "../../../lib/vulcan-lib";	1✔
3	import classNames from "classnames";	1✔
4
5	// These styles are also used by `EAOnboardingSelect`
6	export const styles = (theme: ThemeType) => ({	2✔
7	root: {
8	width: "100%",
9	padding: "16px",
10	borderRadius: theme.borderRadius.default,
11	background: theme.palette.panelBackground.loginInput,
12	color: theme.palette.grey[1000],
13	fontSize: 14,
14	border: "none",
15	"&::placeholder": {
16	color: theme.palette.grey[600],
17	},
18	"&:hover, &:focus": {
19	background: theme.palette.panelBackground.loginInputHovered,
20	},
21	},
22	});
23
24	export const EAOnboardingInput = ({	1✔
25	value,
26	setValue,
27	placeholder,
28	As="input",	×
29	rows,
30	inputRef,
31	className,
32	classes,
33	}: {
34	value: string,
35	setValue: (value: string) => void,
36	placeholder: string,
37	As?: "input" \| "textarea",
38	rows?: number,
39	inputRef?: RefObject<HTMLInputElement> \| RefObject<HTMLTextAreaElement>,
40	className?: string,
41	classes: ClassesType<typeof styles>,
42	}) => {
NEW 43	const onChange = useCallback((	×
44	ev: ChangeEvent<HTMLInputElement> \| ChangeEvent<HTMLTextAreaElement>,
45	) => {
UNCOV 46	setValue(ev.target.value ?? "");	×
47	}, [setValue]);
48	return (	×
49	<As
50	value={value}
51	type={As === "input" ? "text" : undefined}	×
52	onChange={onChange}
53	placeholder={placeholder}
54	rows={rows}
55	ref={inputRef as AnyBecauseHard}
56	className={classNames(classes.root, className)}
57	/>
58	);
59	}
60
61	const EAOnboardingInputComponent = registerComponent(	1✔
62	"EAOnboardingInput",
63	EAOnboardingInput,
64	{styles, stylePriority: -1},
65	);
66
67	declare global {
68	interface ComponentTypes {
69	EAOnboardingInput: typeof EAOnboardingInputComponent
70	}
71	}

ForumMagnum / ForumMagnum / 9003817552

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