9604460180

Committed 20 Jun 2024 09:13PM UTC coverage: 31.855% (+0.8%) from 31.075%

Build # 9604460180

Build Type

Pull #9429

github

Committed by

oetherington

Commit Message

Show posts in the people directory

Pull Request Pull Request #9429: [EA] People directory posts column

Run Details

4830 of 39610 branches covered (12.19%)

Branch coverage included in aggregate %.

12 of 17 new or added lines in 3 files covered. (70.59%)

17 existing lines in 3 files now uncovered.

28157 of 63942 relevant lines covered (44.04%)

179.18 hits per line

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

50.0

/packages/lesswrong/components/peopleDirectory/PeopleDirectoryTextCell.tsx

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

export const EMPTY_TEXT_PLACEHOLDER = "–";

export const textCellStyles = (theme: ThemeType) => ({
  color: theme.palette.grey[1000],
  fontSize: 13,
  fontWeight: 500,
  overflow: "hidden",
  textOverflow: "ellipsis",
  display: "-webkit-box",
  "-webkit-line-clamp": 2,
  "-webkit-box-orient": "vertical",
});

export const emptyTextCellStyles = (theme: ThemeType) => ({
    color: theme.palette.grey[600],
});

const styles = (theme: ThemeType) => ({
  root: {
    ...textCellStyles(theme),
  },
  empty: {
    ...emptyTextCellStyles(theme),
  },
});

export const PeopleDirectoryTextCell = ({user, fieldName, classes}: {
  user: SearchUser,
  fieldName: keyof SearchUser,
  classes: ClassesType<typeof styles>,
}) => {
  const text = String(user[fieldName] || "").trim() || EMPTY_TEXT_PLACEHOLDER;
  const {LWTooltip} = Components;
  return (
    <LWTooltip title={user[fieldName] ? String(user[fieldName]) : undefined}>
      <div className={classNames(classes.root, {
        [classes.empty]: text === EMPTY_TEXT_PLACEHOLDER,
      })}>
        {text}
      </div>
    </LWTooltip>
  );
}

const PeopleDirectoryTextCellComponent = registerComponent(
  "PeopleDirectoryTextCell",
  PeopleDirectoryTextCell,
  {styles},
);

declare global {
  interface ComponentTypes {
    PeopleDirectoryTextCell: typeof PeopleDirectoryTextCellComponent
  }
}

1	import React from "react";	12✔
2	import { Components, registerComponent } from "../../lib/vulcan-lib";	1✔
3	import classNames from "classnames";	1✔
4
5	export const EMPTY_TEXT_PLACEHOLDER = "–";	1✔
6
7	export const textCellStyles = (theme: ThemeType) => ({	7✔
8	color: theme.palette.grey[1000],
9	fontSize: 13,
10	fontWeight: 500,
11	overflow: "hidden",
12	textOverflow: "ellipsis",
13	display: "-webkit-box",
14	"-webkit-line-clamp": 2,
15	"-webkit-box-orient": "vertical",
16	});
17
18	export const emptyTextCellStyles = (theme: ThemeType) => ({	4✔
19	color: theme.palette.grey[600],
20	});
21
22	const styles = (theme: ThemeType) => ({	1✔
23	root: {
24	...textCellStyles(theme),
25	},
26	empty: {
27	...emptyTextCellStyles(theme),
28	},
29	});
30
31	export const PeopleDirectoryTextCell = ({user, fieldName, classes}: {	1✔
32	user: SearchUser,
33	fieldName: keyof SearchUser,
34	classes: ClassesType<typeof styles>,
35	}) => {
UNCOV 36	const text = String(user[fieldName] \|\| "").trim() \|\| EMPTY_TEXT_PLACEHOLDER;	×
37	const {LWTooltip} = Components;	×
38	return (	×
39	<LWTooltip title={user[fieldName] ? String(user[fieldName]) : undefined}>	×
40	<div className={classNames(classes.root, {
41	[classes.empty]: text === EMPTY_TEXT_PLACEHOLDER,
42	})}>
43	{text}
44	</div>
45	</LWTooltip>
46	);
47	}
48
49	const PeopleDirectoryTextCellComponent = registerComponent(	1✔
50	"PeopleDirectoryTextCell",
51	PeopleDirectoryTextCell,
52	{styles},
53	);
54
55	declare global {
56	interface ComponentTypes {
57	PeopleDirectoryTextCell: typeof PeopleDirectoryTextCellComponent
58	}
59	}

ForumMagnum / ForumMagnum / 9604460180

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