9308860651

Committed 30 May 2024 08:34PM UTC coverage: 31.905% (+0.001%) from 31.904%

Build # 9308860651

Build Type

push

github

Committed by

b0b3rt

Commit Message

border, background, and cleanup

Run Details

4805 of 39281 branches covered (12.23%)

Branch coverage included in aggregate %.

0 of 2 new or added lines in 2 files covered. (0.0%)

1 existing line in 1 file now uncovered.

27954 of 63396 relevant lines covered (44.09%)

179.58 hits per line

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

26.32

/packages/lesswrong/components/users/LWUserTooltipContent.tsx

import React from 'react';
import { registerComponent, Components } from '../../lib/vulcan-lib';
import { truncate } from '../../lib/editor/ellipsize';
import DescriptionIcon from '@material-ui/icons/Description';
import MessageIcon from '@material-ui/icons/Message';
import TagIcon from '@material-ui/icons/LocalOffer';
import classNames from 'classnames';
import { useMulti } from '@/lib/crud/withMulti';

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    flexDirection: "column",
    width: 350,
    maxWidth: "unset",
    fontSize: 14,
    fontWeight: 450,
    lineHeight: "19.5px",
    // fontFamily: theme.palette.fonts.sansSerifStack,
    padding: 16,
    color: theme.palette.text.primary,
    background: theme.palette.panelBackground.default,
    boxShadow: theme.palette.boxShadow.lwTagHoverOver,
    ...theme.typography.postStyle
  },

  header: {
    display: "flex",
    flexDirection: "column",
    maxWidth: 400,
  },
  name: {
    marginTop: 4,
    fontSize: "1.7rem",
    fontWeight: 400,
    color: theme.palette.grey["A400"],
  },
  metaRow: {
    marginTop: 8,
    display: "flex",
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    color: theme.palette.grey["600"],
  },
  stats: {
    display: "flex",
    alignItems: "center",
  },
  bio: {
    // borderTop: theme.palette.border.extraFaint,
    marginTop: 8,
    lineHeight: "1.3rem",
  },
  bioText: {
    fontSize: "1.1rem",
  },
  icon: {
    height: "1rem",
    width: "1rem",
    position: "relative",
  },
  omegaIcon: {
    fontWeight: 600,
    marginTop: -4,
    height: "1rem",
    width: "1rem",
    position: "relative",
    fontFamily: ['Palatino',
      '"Palatino Linotype"',
      '"Palatino LT STD"',
      '"Book Antiqua"',
      'Georgia',
      'serif'].join(','),
  },
  info: {
    display: "flex",
    alignItems: "center",
    marginRight: 8,
    fontSize: "1.1rem",
    textWrap: "nowrap",
    ...theme.typography.commentStyle,
  },
  posts: {
    marginTop: 8,
    paddingTop: 8,
    borderTop: theme.palette.border.extraFaint,
    overflow: "hidden",
  },
});

export const LWUserTooltipContent = ({hideFollowButton=false, classes, user}: {
  hideFollowButton?: boolean,
  classes: ClassesType<typeof styles>,
  user: UsersMinimumInfo,
}) => {

  const { FormatDate, ForumIcon, ContentStyles, TagSmallPostLink, FollowUserButton, Loading } = Components

  const {
    htmlBio,
    displayName,
    createdAt,
    karma,
    afKarma,
    postCount,
    commentCount,
  } = user;

  const {loading, results} = useMulti({
    terms: {
      userId: user._id,
      view: "userPosts",
      sortedBy: "new"
    },
    collectionName: "Posts",
    fragmentName: 'PostsList',
    enableTotal: false,
    limit: 3,
  });

  const truncatedBio = truncate(htmlBio, 500)
  const wikiContributionCount = user.tagRevisionCount

  return (
    <div className={classes.root}>
      <div className={classes.header}>
        <div className={classes.name}>{displayName}</div>
        <div className={classes.metaRow}>
          <div className={classes.stats}>
            {karma && <div className={classes.info}>
              <ForumIcon icon="Star" className={classes.icon} />
              <div>{karma}</div>
            </div>}
            {afKarma > 0 && <div className={classes.info}>
              <div className={classes.omegaIcon}>Ω</div>
              <div>{afKarma}</div>
            </div>}
            {!!postCount && <div className={classes.info}>
              <DescriptionIcon className={classes.icon} /> 
              {postCount}
            </div>}
            { !!commentCount && <div className={classes.info}>
              <MessageIcon className={classes.icon} />
              {commentCount}
            </div>}
            { !!wikiContributionCount && <div className={classes.info}>
              <TagIcon className={classes.icon}  /> 
              {wikiContributionCount}
            </div>}
            <div className={classes.info}>
              <FormatDate date={createdAt}/>
            </div>
          </div>
          {!hideFollowButton && <FollowUserButton user={user} />}
        </div>
      </div>

      {truncatedBio && <ContentStyles className={classes.bio} contentType='postHighlight'>
        <div className={classes.bioText } dangerouslySetInnerHTML={{__html: truncatedBio}}/>
      </ContentStyles>}
      {results && <div className={classes.posts}>
        {results.map((post) => post &&
          <TagSmallPostLink
            key={post._id}
            post={post}
            // widerSpacing={postCount > 3}
            hideAuthor
          />
        )}
      </div>}
      {loading && <Loading />}
    </div>
);
}

const LWUserTooltipContentComponent = registerComponent(
  'LWUserTooltipContent',
  LWUserTooltipContent,
  {styles},
);

declare global {
  interface ComponentTypes {
    LWUserTooltipContent: typeof LWUserTooltipContentComponent
  }
}

1	import React from 'react';	3✔
2	import { registerComponent, Components } from '../../lib/vulcan-lib';	1✔
3	import { truncate } from '../../lib/editor/ellipsize';	1✔
4	import DescriptionIcon from '@material-ui/icons/Description';	1✔
5	import MessageIcon from '@material-ui/icons/Message';	1✔
6	import TagIcon from '@material-ui/icons/LocalOffer';	1✔
7	import classNames from 'classnames';
8	import { useMulti } from '@/lib/crud/withMulti';	1✔
9
10	const styles = (theme: ThemeType) => ({	1✔
11	root: {
12	display: "flex",
13	flexDirection: "column",
14	width: 350,
15	maxWidth: "unset",
16	fontSize: 14,
17	fontWeight: 450,
18	lineHeight: "19.5px",
19	// fontFamily: theme.palette.fonts.sansSerifStack,
20	padding: 16,
21	color: theme.palette.text.primary,
22	background: theme.palette.panelBackground.default,
23	boxShadow: theme.palette.boxShadow.lwTagHoverOver,
24	...theme.typography.postStyle
25	},
26
27	header: {
28	display: "flex",
29	flexDirection: "column",
30	maxWidth: 400,
31	},
32	name: {
33	marginTop: 4,
34	fontSize: "1.7rem",
35	fontWeight: 400,
36	color: theme.palette.grey["A400"],
37	},
38	metaRow: {
39	marginTop: 8,
40	display: "flex",
41	flexDirection: "row",
42	justifyContent: "space-between",
43	alignItems: "center",
44	color: theme.palette.grey["600"],
45	},
46	stats: {
47	display: "flex",
48	alignItems: "center",
49	},
50	bio: {
51	// borderTop: theme.palette.border.extraFaint,
52	marginTop: 8,
53	lineHeight: "1.3rem",
54	},
55	bioText: {
56	fontSize: "1.1rem",
57	},
58	icon: {
59	height: "1rem",
60	width: "1rem",
61	position: "relative",
62	},
63	omegaIcon: {
64	fontWeight: 600,
65	marginTop: -4,
66	height: "1rem",
67	width: "1rem",
68	position: "relative",
69	fontFamily: ['Palatino',
70	'"Palatino Linotype"',
71	'"Palatino LT STD"',
72	'"Book Antiqua"',
73	'Georgia',
74	'serif'].join(','),
75	},
76	info: {
77	display: "flex",
78	alignItems: "center",
79	marginRight: 8,
80	fontSize: "1.1rem",
81	textWrap: "nowrap",
82	...theme.typography.commentStyle,
83	},
84	posts: {
85	marginTop: 8,
86	paddingTop: 8,
87	borderTop: theme.palette.border.extraFaint,
88	overflow: "hidden",
89	},
90	});
91
92	export const LWUserTooltipContent = ({hideFollowButton=false, classes, user}: {	1!
93	hideFollowButton?: boolean,
94	classes: ClassesType<typeof styles>,
95	user: UsersMinimumInfo,
96	}) => {
97
NEW 98	const { FormatDate, ForumIcon, ContentStyles, TagSmallPostLink, FollowUserButton, Loading } = Components	×
99
100	const {
101	htmlBio,
102	displayName,
103	createdAt,
104	karma,
105	afKarma,
106	postCount,
107	commentCount,
108	} = user;	×
109
UNCOV 110	const {loading, results} = useMulti({	×
111	terms: {
112	userId: user._id,
113	view: "userPosts",
114	sortedBy: "new"
115	},
116	collectionName: "Posts",
117	fragmentName: 'PostsList',
118	enableTotal: false,
119	limit: 3,
120	});
121
122	const truncatedBio = truncate(htmlBio, 500)	×
123	const wikiContributionCount = user.tagRevisionCount	×
124
125	return (	×
126	<div className={classes.root}>
127	<div className={classes.header}>
128	<div className={classes.name}>{displayName}</div>
129	<div className={classes.metaRow}>
130	<div className={classes.stats}>
131	{karma && <div className={classes.info}>	×
132	<ForumIcon icon="Star" className={classes.icon} />
133	<div>{karma}</div>
134	</div>}
135	{afKarma > 0 && <div className={classes.info}>	×
136	<div className={classes.omegaIcon}>Ω</div>
137	<div>{afKarma}</div>
138	</div>}
139	{!!postCount && <div className={classes.info}>	×
140	<DescriptionIcon className={classes.icon} />
141	{postCount}
142	</div>}
143	{ !!commentCount && <div className={classes.info}>	×
144	<MessageIcon className={classes.icon} />
145	{commentCount}
146	</div>}
147	{ !!wikiContributionCount && <div className={classes.info}>	×
148	<TagIcon className={classes.icon} />
149	{wikiContributionCount}
150	</div>}
151	<div className={classes.info}>
152	<FormatDate date={createdAt}/>
153	</div>
154	</div>
155	{!hideFollowButton && <FollowUserButton user={user} />}	×
156	</div>
157	</div>
158
159	{truncatedBio && <ContentStyles className={classes.bio} contentType='postHighlight'>	×
160	<div className={classes.bioText } dangerouslySetInnerHTML={{__html: truncatedBio}}/>
161	</ContentStyles>}
162	{results && <div className={classes.posts}>	×
163	{results.map((post) => post &&	×
164	<TagSmallPostLink
165	key={post._id}
166	post={post}
167	// widerSpacing={postCount > 3}
168	hideAuthor
169	/>
170	)}
171	</div>}
172	{loading && <Loading />}	×
173	</div>
174	);
175	}
176
177	const LWUserTooltipContentComponent = registerComponent(	1✔
178	'LWUserTooltipContent',
179	LWUserTooltipContent,
180	{styles},
181	);
182
183	declare global {
184	interface ComponentTypes {
185	LWUserTooltipContent: typeof LWUserTooltipContentComponent
186	}
187	}

ForumMagnum / ForumMagnum / 9308860651

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