9357417632

Committed 03 Jun 2024 09:20PM UTC coverage: 31.887% (-0.05%) from 31.94%

Build # 9357417632

Build Type

Pull #9360

github

Committed by

b0b3rt

Commit Message

cleanup

Pull Request Pull Request #9360: Lw user tooltip clickable setting

Run Details

4815 of 39318 branches covered (12.25%)

Branch coverage included in aggregate %.

3 of 6 new or added lines in 2 files covered. (50.0%)

1 existing line in 1 file now uncovered.

27973 of 63509 relevant lines covered (44.05%)

180.24 hits per line

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

32.14

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

import React from 'react';
import { registerComponent, Components } from '../../lib/vulcan-lib';
import { truncate } from '../../lib/editor/ellipsize';
import { useMulti } from '@/lib/crud/withMulti';
import { userHasSubscribeTabFeed } from '@/lib/betas';
import { useCurrentUser } from '../common/withUser';

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    flexDirection: "column",
    width: 350,
    fontSize: 14,
    fontWeight: 450,
    lineHeight: "19.5px",
    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"],
    fontSize: "1.1rem",
  },
  bio: {
    marginTop: 8,
    lineHeight: "1.3rem",
  },
  bioText: {
    fontSize: "1.1rem",
  },
  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 { ContentStyles, TagSmallPostLink, FollowUserButton, UserMetaInfo, Loading } = Components;
  
  const { htmlBio, displayName } = user;
  const truncatedBio = truncate(htmlBio, 500);

  const currentUser = useCurrentUser();

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

  return (
    <div className={classes.root}>
      <div className={classes.header}>
        <div className={classes.name}>{displayName}</div>
        <div className={classes.metaRow}>
          <UserMetaInfo user={user} />
          {!hideFollowButton && userHasSubscribeTabFeed(currentUser) && <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}
            hideAuthor
          />
        )}
      </div>}
      {loading && <Loading />}
    </div>
);
}

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

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

// import React from 'react';
// import { userGetCommentCount, userGetPostCount } from '../../lib/collections/users/helpers';
// 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 { BookIcon } from '../icons/bookIcon'
// import classNames from 'classnames';
// import { taggingNameIsSet, taggingNameSetting } from '../../lib/instanceSettings';

// const styles = (theme: ThemeType): JssStyles => ({
//   tooltip: {
//     maxWidth: 250,
//   },
//   joined: {
//     ...theme.typography.italic,
//     marginBottom: theme.spacing.unit,
//   },
//   bookIcon: {
//     filter: "invert(100%)",
//   },
//   bio: {
//     marginTop: theme.spacing.unit,
//     lineHeight: "1.3rem",
//   },
//   icon: {
//     height: "1rem",
//     width: "1rem",
//     position: "relative",
//     top: 2,
//     color: theme.palette.icon.tooltipUserMetric,
//   },
// });

// export const LWUserTooltipContent = ({classes, user}: {
//   classes: ClassesType,
//   user: UsersMinimumInfo,
// }) => {

//   const { FormatDate } = Components

//   const { htmlBio } = user

//   const truncatedBio = truncate(htmlBio, 500)
//   const postCount = userGetPostCount(user)
//   const commentCount = userGetCommentCount(user)
//   const wikiContributionCount = user.tagRevisionCount
//   const sequenceCount = user.sequenceCount; // TODO: Counts LW sequences on Alignment Forum

//   return <span>
//     <div className={classes.joined}>Joined on <FormatDate date={user.createdAt} format="MMM Do YYYY" /></div>
//     { !!sequenceCount && <div>
//         <BookIcon className={classNames(classes.icon, classes.bookIcon)}/> { sequenceCount } sequence{sequenceCount !== 1 && 's'}
//       </div>}
//     { !!postCount && <div><DescriptionIcon className={classes.icon} /> { postCount } post{postCount !== 1 && 's'}</div>}
//     { !!commentCount && <div><MessageIcon className={classes.icon}  /> { commentCount } comment{commentCount !== 1 && 's'}</div>}
//     { !!wikiContributionCount && <div><TagIcon className={classes.icon}  /> { wikiContributionCount } {taggingNameIsSet.get() ? taggingNameSetting.get() : 'wiki'} contribution{wikiContributionCount !== 1 && 's'}</div>}
//     { truncatedBio && <div className={classes.bio } dangerouslySetInnerHTML={{__html: truncatedBio}}/>}
//   </span>
// }

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

ForumMagnum / ForumMagnum / 9357417632

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