8798115489

Committed 23 Apr 2024 09:30AM UTC coverage: 31.979% (-0.009%) from 31.988%

Build # 8798115489

Build Type

Pull #8981

github

Committed by

oetherington

Commit Message

Merge branch 'master' into ea-people-directory

Pull Request Pull Request #8981: [EA] People directory

Run Details

4696 of 38327 branches covered (12.25%)

Branch coverage included in aggregate %.

255 of 604 new or added lines in 54 files covered. (42.22%)

11 existing lines in 6 files now uncovered.

27406 of 62057 relevant lines covered (44.16%)

180.58 hits per line

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

33.33

/packages/lesswrong/components/peopleDirectory/PeopleDirectoryInput.tsx

import React, { MutableRefObject, useCallback } from "react";
import { Components, registerComponent } from "../../lib/vulcan-lib";
import type { ForumIconName } from "../common/ForumIcon";
import classNames from "classnames";

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    alignItems: "center",
    width: "100%",
    borderRadius: theme.borderRadius.default,
    background: theme.palette.grey[0],
    color: theme.palette.grey[1000],
  },
  border: {
    border: `1px solid ${theme.palette.grey[300]}`,
  },
  icon: {
    marginLeft: 12,
    marginRight: -8,
    height: 16,
  },
  input: {
    width: "100%",
    background: theme.palette.greyAlpha(0),
    padding: "12px",
    fontSize: 14,
    fontWeight: 500,
  },
});

export const PeopleDirectoryInput = ({
  value,
  setValue,
  icon,
  noBorder,
  placeholder,
  inputRef,
  classes,
}: {
  value?: string,
  setValue?: (newValue: string) => void,
  icon?: ForumIconName,
  noBorder?: boolean,
  placeholder?: string,
  inputRef?: MutableRefObject<HTMLInputElement | null>,
  classes: ClassesType<typeof styles>,
}) => {
  const onChange = useCallback((ev) => {
    setValue?.(ev.target?.value ?? "");
  }, [setValue]);
  const {ForumIcon} = Components;
  return (
    <div className={classNames(classes.root, {[classes.border]: !noBorder})}>
      {icon && <ForumIcon icon={icon} className={classes.icon} />}
      <input
        placeholder={placeholder}
        value={value}
        onChange={onChange}
        className={classes.input}
        ref={inputRef}
      />
    </div>
  );
}

const PeopleDirectoryInputComponent = registerComponent(
  "PeopleDirectoryInput",
  PeopleDirectoryInput,
  {styles},
);

declare global {
  interface ComponentTypes {
    PeopleDirectoryInput: typeof PeopleDirectoryInputComponent
  }
}

1	import React, { MutableRefObject, useCallback } from "react";	3✔
2	import { Components, registerComponent } from "../../lib/vulcan-lib";	1✔
3	import type { ForumIconName } from "../common/ForumIcon";
4	import classNames from "classnames";	1✔
5
6	const styles = (theme: ThemeType) => ({	1✔
7	root: {
8	display: "flex",
9	alignItems: "center",
10	width: "100%",
11	borderRadius: theme.borderRadius.default,
12	background: theme.palette.grey[0],
13	color: theme.palette.grey[1000],
14	},
15	border: {
16	border: `1px solid ${theme.palette.grey[300]}`,
17	},
18	icon: {
19	marginLeft: 12,
20	marginRight: -8,
21	height: 16,
22	},
23	input: {
24	width: "100%",
25	background: theme.palette.greyAlpha(0),
26	padding: "12px",
27	fontSize: 14,
28	fontWeight: 500,
29	},
30	});
31
32	export const PeopleDirectoryInput = ({	1✔
33	value,
34	setValue,
35	icon,
36	noBorder,
37	placeholder,
38	inputRef,
39	classes,
40	}: {
41	value?: string,
42	setValue?: (newValue: string) => void,
43	icon?: ForumIconName,
44	noBorder?: boolean,
45	placeholder?: string,
46	inputRef?: MutableRefObject<HTMLInputElement \| null>,
47	classes: ClassesType<typeof styles>,
48	}) => {
NEW 49	const onChange = useCallback((ev) => {	×
NEW 50	setValue?.(ev.target?.value ?? "");	×
51	}, [setValue]);
NEW 52	const {ForumIcon} = Components;	×
NEW 53	return (	×
54	<div className={classNames(classes.root, {[classes.border]: !noBorder})}>
55	{icon && <ForumIcon icon={icon} className={classes.icon} />}	×
56	<input
57	placeholder={placeholder}
58	value={value}
59	onChange={onChange}
60	className={classes.input}
61	ref={inputRef}
62	/>
63	</div>
64	);
65	}
66
67	const PeopleDirectoryInputComponent = registerComponent(	1✔
68	"PeopleDirectoryInput",
69	PeopleDirectoryInput,
70	{styles},
71	);
72
73	declare global {
74	interface ComponentTypes {
75	PeopleDirectoryInput: typeof PeopleDirectoryInputComponent
76	}
77	}

ForumMagnum / ForumMagnum / 8798115489

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