10596734179

Committed 28 Aug 2024 12:32PM UTC coverage: 32.674% (+0.5%) from 32.168%

Build # 10596734179

Build Type

Pull #9637

github

Committed by

oetherington

Commit Message

Link users to people directory if present, or nothing if not

Pull Request Pull Request #9637: Add 'no subscriptions' message to subscriptions page

Run Details

3327 of 26162 branches covered (12.72%)

Branch coverage included in aggregate %.

29 of 78 new or added lines in 5 files covered. (37.18%)

273 existing lines in 7 files now uncovered.

18878 of 41797 relevant lines covered (45.17%)

297.94 hits per line

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

36.49

/packages/lesswrong/components/tagging/FooterTag.tsx

import React from 'react';
import { registerComponent, Components } from '../../lib/vulcan-lib';
import { Link } from '../../lib/reactRouterWrapper';
import { AnalyticsContext } from "../../lib/analyticsEvents";
import { DatabasePublicSetting } from '../../lib/publicSettings';
import classNames from 'classnames';
import { tagGetUrl } from '../../lib/collections/tags/helpers';
import { RobotIcon } from '../icons/RobotIcon';
import { useCurrentUser } from '../common/withUser';
import { coreTagIconMap } from './CoreTagIcon';
import { isBookUI, isFriendlyUI } from '../../themes/forumTheme';
import type { TagsTooltipPreviewWrapper } from './TagsTooltip';

const useExperimentalTagStyleSetting = new DatabasePublicSetting<boolean>('useExperimentalTagStyle', false)

export const tagStyle = (theme: ThemeType) => ({
  marginRight: isFriendlyUI ? 3 : undefined,
  padding: 5,
  paddingLeft: 6,
  paddingRight: 6,
  marginBottom: isFriendlyUI ? 8 : undefined,
  fontWeight: theme.typography.body1.fontWeight,
  backgroundColor: theme.palette.tag.background,
  border: theme.palette.tag.border,
  color: theme.palette.tag.text,
  borderRadius: 3,
  ...theme.typography.commentStyle,
  cursor: "pointer",
  whiteSpace: isFriendlyUI ? "nowrap": undefined,
})

const newTagStyle = (theme: ThemeType) => ({
  marginRight: 4,
  padding: 5,
  paddingLeft: 8,
  paddingRight: 7,
  marginBottom: 8,
  borderRadius: 4,
  boxShadow: theme.palette.tag.boxShadow,
  color: theme.palette.primary.main,
  fontSize: 15
})

export const smallTagTextStyle = (theme: ThemeType) => ({
  fontSize: 12,
  paddingTop: 1,
  paddingBottom: 2,
  fontWeight: theme.typography.body1.fontWeight,
  marginBottom: 0
});

export const coreTagStyle = (theme: ThemeType) => ({
  backgroundColor: theme.palette.tag.coreTagBackground,
  border: theme.palette.tag.coreTagBorder,
  color: theme.palette.tag.coreTagText,
  "&:hover": {
    backgroundColor: theme.palette.tag.coreTagBackgroundHover,
    borderColor: theme.palette.tag.coreTagBackgroundHover,
  },
});

const styles = (theme: ThemeType) => ({
  root: {
    display: "inline-block",
    cursor: "pointer",
    ...theme.typography.commentStyle,
    "&:hover": {
      opacity: 1,
      backgroundColor: theme.palette.tag.backgroundHover,
    },
    "& a:hover": isFriendlyUI ? {opacity: 1} : {},
    ...(useExperimentalTagStyleSetting.get() && isBookUI
      ? newTagStyle(theme)
      : tagStyle(theme)
    )
  },
  tooltip: {
    marginTop: isFriendlyUI ? 6 : undefined,
  },
  core: {
    ...coreTagStyle(theme),
  },
  coreIcon: {
    position: "relative",
    display: "inline-block",
    minWidth: 20,
    margin: isFriendlyUI ? "0 3px 0 6px" : undefined,
    "& svg": {
      position: "absolute",
      top: -13,
      left: -4,
      width: 20,
      height: 18,
      fill: theme.palette.tag.coreTagText,
    },
  },
  score:  {
    paddingLeft: 5,
    color: theme.palette.text.slightlyDim2,
  },
  name: {
    display: 'inline-block',
  },
  smallText: {
    ...smallTagTextStyle(theme),
  },
  robotIcon: {
    "& svg": {
      height: 12,
      opacity: 0.7,
      marginLeft: 4,
    },
  },
  noBackground: {
    backgroundColor: "transparent",
    border: 'none',
    paddingTop: 3,
    paddingBottom: 3,
  }
});

const FooterTag = ({
  tagRel,
  tag,
  hideScore=false,
  hideIcon,
  smallText,
  PreviewWrapper,
  link=true,
  highlightAsAutoApplied=false,
  neverCoreStyling=false,
  hideRelatedTags,
  className,
  classes,
  noBackground = false, 
}: {
  tag: TagPreviewFragment | TagSectionPreviewFragment | TagRecentDiscussion,
  tagRel?: TagRelMinimumFragment,
  hideScore?: boolean,
  hideIcon?: boolean,
  smallText?: boolean,
  PreviewWrapper?: TagsTooltipPreviewWrapper,
  link?: boolean
  highlightAsAutoApplied?: boolean,
  neverCoreStyling?: boolean,
  hideRelatedTags?: boolean,
  className?: string,
  noBackground?: boolean
  classes: ClassesType<typeof styles>,
}) => {
  const currentUser = useCurrentUser();

  if (tag.adminOnly && !currentUser?.isAdmin) { return null }

  const showIcon = Boolean(tag.core && !smallText && coreTagIconMap[tag.slug] && !hideIcon);

  const tagName = isFriendlyUI && smallText
    ? tag.shortName || tag.name
    : tag.name;

  const {TagsTooltip, CoreTagIcon} = Components;
  const renderedTag = <>
    {showIcon && <span className={classes.coreIcon}><CoreTagIcon tag={tag} /></span>}
    <span className={classes.name}>{tagName}</span>
    {!hideScore && tagRel && <span className={classes.score}>{tagRel.baseScore}</span>}
  </>

  return (
    <AnalyticsContext tagName={tag.name} tagId={tag._id} tagSlug={tag.slug} pageElementContext="tagItem">
      <TagsTooltip
        tag={tag}
        tagRel={tagRel}
        PreviewWrapper={PreviewWrapper}
        hideRelatedTags={hideRelatedTags}
        popperClassName={classes.tooltip}
      >
        <span className={classNames(classes.root, className, {
          [classes.core]: !neverCoreStyling && tag.core,
          [classes.smallText]: smallText,
          [classes.noBackground]: noBackground,
        })}>
          {link ? <Link to={tagGetUrl(tag)}>
            {renderedTag}
            {highlightAsAutoApplied && <span className={classes.robotIcon}><RobotIcon/></span>}
          </Link> : renderedTag}
        </span>
      </TagsTooltip>
    </AnalyticsContext>
  );
}

const FooterTagComponent = registerComponent("FooterTag", FooterTag, {
  styles,
  stylePriority: -1,
});

declare global {
  interface ComponentTypes {
    FooterTag: typeof FooterTagComponent
  }
}

1	import React from 'react';	18✔
2	import { registerComponent, Components } from '../../lib/vulcan-lib';	1✔
3	import { Link } from '../../lib/reactRouterWrapper';	1✔
4	import { AnalyticsContext } from "../../lib/analyticsEvents";	1✔
5	import { DatabasePublicSetting } from '../../lib/publicSettings';	1✔
6	import classNames from 'classnames';	1✔
7	import { tagGetUrl } from '../../lib/collections/tags/helpers';	1✔
8	import { RobotIcon } from '../icons/RobotIcon';	1✔
9	import { useCurrentUser } from '../common/withUser';	1✔
10	import { coreTagIconMap } from './CoreTagIcon';	1✔
11	import { isBookUI, isFriendlyUI } from '../../themes/forumTheme';	1✔
12	import type { TagsTooltipPreviewWrapper } from './TagsTooltip';
13
14	const useExperimentalTagStyleSetting = new DatabasePublicSetting<boolean>('useExperimentalTagStyle', false)	1✔
15
16	export const tagStyle = (theme: ThemeType) => ({	9✔
17	marginRight: isFriendlyUI ? 3 : undefined,	9!
18	padding: 5,
19	paddingLeft: 6,
20	paddingRight: 6,
21	marginBottom: isFriendlyUI ? 8 : undefined,	9!
22	fontWeight: theme.typography.body1.fontWeight,
23	backgroundColor: theme.palette.tag.background,
24	border: theme.palette.tag.border,
25	color: theme.palette.tag.text,
26	borderRadius: 3,
27	...theme.typography.commentStyle,
28	cursor: "pointer",
29	whiteSpace: isFriendlyUI ? "nowrap": undefined,	9!
30	})
31
32	const newTagStyle = (theme: ThemeType) => ({	1✔
33	marginRight: 4,
34	padding: 5,
35	paddingLeft: 8,
36	paddingRight: 7,
37	marginBottom: 8,
38	borderRadius: 4,
39	boxShadow: theme.palette.tag.boxShadow,
40	color: theme.palette.primary.main,
41	fontSize: 15
42	})
43
44	export const smallTagTextStyle = (theme: ThemeType) => ({	5✔
45	fontSize: 12,
46	paddingTop: 1,
47	paddingBottom: 2,
48	fontWeight: theme.typography.body1.fontWeight,
49	marginBottom: 0
50	});
51
52	export const coreTagStyle = (theme: ThemeType) => ({	4✔
53	backgroundColor: theme.palette.tag.coreTagBackground,
54	border: theme.palette.tag.coreTagBorder,
55	color: theme.palette.tag.coreTagText,
56	"&:hover": {
57	backgroundColor: theme.palette.tag.coreTagBackgroundHover,
58	borderColor: theme.palette.tag.coreTagBackgroundHover,
59	},
60	});
61
62	const styles = (theme: ThemeType) => ({	1✔
63	root: {
64	display: "inline-block",
65	cursor: "pointer",
66	...theme.typography.commentStyle,
67	"&:hover": {
68	opacity: 1,
69	backgroundColor: theme.palette.tag.backgroundHover,
70	},
71	"& a:hover": isFriendlyUI ? {opacity: 1} : {},	1!
72	...(useExperimentalTagStyleSetting.get() && isBookUI	1!
73	? newTagStyle(theme)	1!
74	: tagStyle(theme)
75	)
76	},
77	tooltip: {
78	marginTop: isFriendlyUI ? 6 : undefined,	1!
79	},
80	core: {
81	...coreTagStyle(theme),
82	},
83	coreIcon: {
84	position: "relative",
85	display: "inline-block",
86	minWidth: 20,
87	margin: isFriendlyUI ? "0 3px 0 6px" : undefined,	1!
88	"& svg": {
89	position: "absolute",
90	top: -13,
91	left: -4,
92	width: 20,
93	height: 18,
94	fill: theme.palette.tag.coreTagText,
95	},
96	},
97	score: {
98	paddingLeft: 5,
99	color: theme.palette.text.slightlyDim2,
100	},
101	name: {
102	display: 'inline-block',
103	},
104	smallText: {
105	...smallTagTextStyle(theme),
106	},
107	robotIcon: {
108	"& svg": {
109	height: 12,
110	opacity: 0.7,
111	marginLeft: 4,
112	},
113	},
114	noBackground: {
115	backgroundColor: "transparent",
116	border: 'none',
117	paddingTop: 3,
118	paddingBottom: 3,
119	}
120	});
121
122	const FooterTag = ({	1✔
123	tagRel,
124	tag,
125	hideScore=false,	×
126	hideIcon,
127	smallText,
128	PreviewWrapper,
129	link=true,	×
130	highlightAsAutoApplied=false,	×
131	neverCoreStyling=false,	×
132	hideRelatedTags,
133	className,
134	classes,
135	noBackground = false,	×
136	}: {
137	tag: TagPreviewFragment \| TagSectionPreviewFragment \| TagRecentDiscussion,
138	tagRel?: TagRelMinimumFragment,
139	hideScore?: boolean,
140	hideIcon?: boolean,
141	smallText?: boolean,
142	PreviewWrapper?: TagsTooltipPreviewWrapper,
143	link?: boolean
144	highlightAsAutoApplied?: boolean,
145	neverCoreStyling?: boolean,
146	hideRelatedTags?: boolean,
147	className?: string,
148	noBackground?: boolean
149	classes: ClassesType<typeof styles>,
150	}) => {
UNCOV 151	const currentUser = useCurrentUser();	×
152
UNCOV 153	if (tag.adminOnly && !currentUser?.isAdmin) { return null }	×
154
UNCOV 155	const showIcon = Boolean(tag.core && !smallText && coreTagIconMap[tag.slug] && !hideIcon);	×
156
UNCOV 157	const tagName = isFriendlyUI && smallText	×
158	? tag.shortName \|\| tag.name	×
159	: tag.name;
160
161	const {TagsTooltip, CoreTagIcon} = Components;	×
UNCOV 162	const renderedTag = <>	×
163	{showIcon && <span className={classes.coreIcon}><CoreTagIcon tag={tag} /></span>}	×
164	<span className={classes.name}>{tagName}</span>
165	{!hideScore && tagRel && <span className={classes.score}>{tagRel.baseScore}</span>}	×
166	</>
167
UNCOV 168	return (	×
169	<AnalyticsContext tagName={tag.name} tagId={tag._id} tagSlug={tag.slug} pageElementContext="tagItem">
170	<TagsTooltip
171	tag={tag}
172	tagRel={tagRel}
173	PreviewWrapper={PreviewWrapper}
174	hideRelatedTags={hideRelatedTags}
175	popperClassName={classes.tooltip}
176	>
177	<span className={classNames(classes.root, className, {
178	[classes.core]: !neverCoreStyling && tag.core,	×
179	[classes.smallText]: smallText,
180	[classes.noBackground]: noBackground,
181	})}>
182	{link ? <Link to={tagGetUrl(tag)}>	×
183	{renderedTag}
184	{highlightAsAutoApplied && <span className={classes.robotIcon}><RobotIcon/></span>}	×
185	</Link> : renderedTag}
186	</span>
187	</TagsTooltip>
188	</AnalyticsContext>
189	);
190	}
191
192	const FooterTagComponent = registerComponent("FooterTag", FooterTag, {	1✔
193	styles,
194	stylePriority: -1,
195	});
196
197	declare global {
198	interface ComponentTypes {
199	FooterTag: typeof FooterTagComponent
200	}
201	}

ForumMagnum / ForumMagnum / 10596734179

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