10928004524

Committed 18 Sep 2024 06:27PM UTC coverage: 31.873% (+0.001%) from 31.872%

Build # 10928004524

Build Type

push

github

Committed by

b0b3rt

Commit Message

add docstring and make same modifications in PostsPagePostHeader

Run Details

5070 of 41294 branches covered (12.28%)

Branch coverage included in aggregate %.

0 of 4 new or added lines in 1 file covered. (0.0%)

2 existing lines in 1 file now uncovered.

29414 of 66899 relevant lines covered (43.97%)

185.03 hits per line

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

20.74

/packages/lesswrong/components/posts/PostsPage/PostsPagePostHeader.tsx

import React, { FC, MouseEvent, useMemo } from 'react';
import { Components, registerComponent } from '../../../lib/vulcan-lib';
import { getResponseCounts, postGetAnswerCountStr, postGetCommentCountStr } from '../../../lib/collections/posts/helpers';
import { AnalyticsContext } from "../../../lib/analyticsEvents";
import { extractVersionsFromSemver } from '../../../lib/editor/utils';
import { getUrlClass } from '../../../lib/routeUtil';
import classNames from 'classnames';
import { isServer } from '../../../lib/executionEnvironment';
import { isBookUI, isFriendlyUI } from '../../../themes/forumTheme';
import type { AnnualReviewMarketInfo } from '../../../lib/annualReviewMarkets';
import { captureException } from '@sentry/core';

const SECONDARY_SPACING = 20;

const styles = (theme: ThemeType): JssStyles => ({
  header: {
    position: 'relative',
    display:"flex",
    justifyContent: "space-between",
    alignItems: "center",
    marginBottom: isFriendlyUI ? 20 : theme.spacing.unit*2,
  },
  headerLeft: {
    width: "100%"
  },
  headerVote: {
    textAlign: 'center',
    fontSize: 42,
    position: isFriendlyUI ? 'absolute' : "relative",
    top: isFriendlyUI ? 0 : undefined,
    left: isFriendlyUI ? -93 : undefined,
    [theme.breakpoints.down("sm")]: {
      position: 'relative',
      top: 'auto',
      left: 'auto'
    }
  },
  eventHeader: {
    marginBottom: 0,
  },
  authorAndSecondaryInfo: {
    display: 'flex',
    alignItems: 'baseline',
    columnGap: SECONDARY_SPACING,
    flexWrap: 'wrap',
    fontSize: isFriendlyUI ? theme.typography.body1.fontSize : '1.4rem',
    fontWeight: isFriendlyUI ? 450 : undefined,
    fontFamily: theme.typography.uiSecondary.fontFamily,
    color: theme.palette.text.dim3,
    paddingBottom: isFriendlyUI ? 12 : undefined,
    borderBottom: isFriendlyUI ? theme.palette.border.grey300 : undefined
  },
  secondaryInfo: {
    flexGrow: 1,
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'baseline',
    columnGap: SECONDARY_SPACING,
    rowGap: '10px',
    flexWrap: 'wrap',
    [theme.breakpoints.down("sm")]: {
      justifyContent: 'flex-start'
    }
  },
  secondaryInfoLeft: {
    display: 'flex',
    alignItems: 'baseline',
    columnGap: SECONDARY_SPACING,
    flexWrap: 'wrap'
  },
  secondaryInfoRight: {
    flex: 'none',
    display: 'flex',
    columnGap: SECONDARY_SPACING
  },
  secondaryInfoLink: {
    fontWeight: isFriendlyUI ? 450 : undefined,
    fontSize: isFriendlyUI ? undefined : theme.typography.body2.fontSize,
    "@media print": { display: "none" },
  },
  actions: {
    color: isFriendlyUI ? undefined : theme.palette.grey[500],
    "&:hover": {
      opacity: 0.5,
    },
    '& svg': {
      color: 'inherit' // this is needed for the EAF version of the icon
    },
    "@media print": { display: "none" },
  },
  authorInfo: {
    display: 'flex',
    alignItems: 'baseline',
    columnGap: SECONDARY_SPACING,
  },
  authors: {
    fontSize: theme.typography.body1.fontSize,
  },
  feedName: {
    fontSize: theme.typography.body2.fontSize,
    [theme.breakpoints.down('sm')]: {
      display: "none"
    }
  },
  divider: {
    marginTop: theme.spacing.unit*2,
    marginLeft:0,
    borderTop: theme.palette.border.faint,
    borderLeft: 'transparent'
  },
  commentIcon: {
    fontSize: "1.4em",
    marginRight: 1,
    transform: "translateY(5px)",
  },
  bookmarkButton: {
    marginBottom: -5,
    height: 22,
    color: theme.palette.grey[600],
    "&:hover": {
      opacity: 0.5,
    },
  },
  headerFooter: { 
    display: 'flex',
    justifyContent: 'space-between',
    [theme.breakpoints.down('sm')]: {
      flexDirection: 'column',
    },
    marginTop: 8,
    marginBottom: 16,
  },
  tagSection: {
    flex: 1,
    display: "flex",
    flexDirection: isFriendlyUI ? "column" : "row",
    height: "100%",
  }
});

// On the server, use the 'url' library for parsing hostname out of feed URLs.
// On the client, we instead create an <a> tag, set its href, and extract
// properties from that. (There is a URL class which theoretically would work,
// but it doesn't have the hostname field on IE11 and it's missing entirely on
// Opera Mini.)
const URLClass = getUrlClass()

export function getProtocol(url: string): string {
  if (isServer)
    return new URLClass(url).protocol;

  // From https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
  var parser = document.createElement('a');
  parser.href = url;
  return parser.protocol;
}

export function getHostname(url: string): string {
  if (isServer)
    return new URLClass(url).hostname;

  // From https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
  var parser = document.createElement('a');
  parser.href = url;
  return parser.hostname;
}

/**
 * Intended to be used when you have a url-like string that might be missing the protocol (http(s)://) prefix
 * Trying to parse those with `new URL()`/`new URLClass()` blows up, so this tries to correctly handle them
 * We default to logging an error to sentry and returning nothing if even that fails, but not confident we shouldn't just continue to throw in a visible way
 */
export function parseUnsafeUrl(url: string) {
  const urlWithProtocol = url.slice(0, 4) === 'http'
    ? url
    : `https://${url}`;

  try {
    const parsedUrl = new URLClass(urlWithProtocol);
    const protocol = getProtocol(urlWithProtocol);
    const hostname = getHostname(urlWithProtocol);
  
    return { protocol, hostname, parsedUrl };
  } catch (err) {
    captureException(`Tried to parse url ${url} as ${urlWithProtocol} and failed`);
  }

  return {};
}

export const CommentsLink: FC<{
  anchor: string,
  children: React.ReactNode,
  className?: string,
}> = ({anchor, children, className}) => {
  const onClick = (e: MouseEvent<HTMLAnchorElement>) => {
    e.preventDefault();
    const elem = document.querySelector(anchor);
    if (elem) {
      // Match the scroll behaviour from TableOfContentsList
      window.scrollTo({
        top: elem.getBoundingClientRect().y - (window.innerHeight / 3) + 1,
        behavior: "smooth",
      });
    }
  }
  return (
    <a className={className} {...(isFriendlyUI ? {onClick} : {href: anchor})}>
      {children}
    </a>
  );
}

/// PostsPagePostHeader: The metadata block at the top of a post page, with
/// title, author, voting, an actions menu, etc.
const PostsPagePostHeader = ({post, answers = [], dialogueResponses = [], showEmbeddedPlayer, toggleEmbeddedPlayer, hideMenu, hideTags, annualReviewMarketInfo, classes}: {
  post: PostsWithNavigation|PostsWithNavigationAndRevision|PostsListWithVotes,
  answers?: CommentsList[],
  dialogueResponses?: CommentsList[],
  showEmbeddedPlayer?: boolean,
  toggleEmbeddedPlayer?: () => void,
  hideMenu?: boolean,
  hideTags?: boolean,
  annualReviewMarketInfo?: AnnualReviewMarketInfo,
  classes: ClassesType,
}) => {
  const { PostsPageTitle, PostsAuthors, LWTooltip, PostsPageDate, CrosspostHeaderIcon,
    PostActionsButton, PostsVote, PostsGroupDetails, PostsTopSequencesNav,
    PostsPageEventData, FooterTagList, AddToCalendarButton, BookmarkButton, 
    ForumIcon, GroupLinks, SharePostButton, AudioToggle, ReadTime } = Components;

  const hasMajorRevision = ('version' in post) && extractVersionsFromSemver(post.version).major > 1
  const rssFeedSource = ('feed' in post) ? post.feed : null;
  let feedLinkDomain;
  let feedLink;
  if (rssFeedSource?.url) {
    let feedLinkProtocol;
    ({ hostname: feedLinkDomain, protocol: feedLinkProtocol } = parseUnsafeUrl(rssFeedSource.url));
    feedLink = `${feedLinkProtocol}//${feedLinkDomain}`;
  }
  const crosspostNode = post.fmCrosspost?.isCrosspost && !post.fmCrosspost.hostedHere &&
    <CrosspostHeaderIcon post={post} />

  const {
    answerCount,
    commentCount,
  } = useMemo(() => getResponseCounts({ post, answers }), [post, answers]);

  const minimalSecondaryInfo = post.isEvent || (isFriendlyUI && post.shortform);

  const answersNode = !post.question || minimalSecondaryInfo
    ? null
    : (
      <CommentsLink anchor="#answers" className={classes.secondaryInfoLink}>
        {postGetAnswerCountStr(answerCount)}
      </CommentsLink>
    );

  const addToCalendarNode = post.startTime && <div className={classes.secondaryInfoLink}>
    <AddToCalendarButton post={post} label="Add to calendar" hideTooltip />
  </div>

  const tripleDotMenuNode = !hideMenu &&
    <span className={classes.actions}>
      <AnalyticsContext pageElementContext="tripleDotMenu">
        <PostActionsButton post={post} includeBookmark={isBookUI} flip={true}/>
      </AnalyticsContext>
    </span>

  // EA Forum splits the info into two sections, plus has the info in a different order
  const secondaryInfoNode = <div className={classes.secondaryInfo}>
      <div className={classes.secondaryInfoLeft}>
        {!minimalSecondaryInfo &&
          <>
            <PostsPageDate post={post} hasMajorRevision={hasMajorRevision} />
            <ReadTime post={post} dialogueResponses={dialogueResponses} />
          </>
        }
        <AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
        {post.isEvent && <GroupLinks document={post} noMargin />}
        {answersNode}
        {!post.shortform &&
          <LWTooltip title={postGetCommentCountStr(post, commentCount)}>
            <CommentsLink anchor="#comments" className={classes.secondaryInfoLink}>
              <ForumIcon icon="Comment" className={classes.commentIcon} /> {commentCount}
            </CommentsLink>
          </LWTooltip>
        }
        {addToCalendarNode}
        {crosspostNode}
      </div>
      <div className={classes.secondaryInfoRight}>
        <BookmarkButton post={post} className={classes.bookmarkButton} placement='bottom-start' />
        <SharePostButton post={post} />
        {tripleDotMenuNode}
      </div>
    </div>

  // TODO: If we are not the primary author of this post, but it was shared with
  // us as a draft, display a notice and a link to the collaborative editor.

  return <>
    {post.group && <PostsGroupDetails post={post} documentId={post.group._id} />}
    <AnalyticsContext pageSectionContext="topSequenceNavigation">
      {('sequence' in post) && <PostsTopSequencesNav post={post} />}
    </AnalyticsContext>
    <div className={classNames(classes.header, {[classes.eventHeader]: post.isEvent})}>
      <div className={classes.headerLeft}>
        <PostsPageTitle post={post} />
        <div className={classes.authorAndSecondaryInfo}>
          <div className={classes.authorInfo}>
            <div className={classes.authors}>
              <PostsAuthors post={post} pageSectionContext="post_header" />
            </div>
            {rssFeedSource && rssFeedSource.user &&
              <LWTooltip title={`Crossposted from ${feedLinkDomain}`} className={classes.feedName}>
                <a href={feedLink}>{rssFeedSource.nickname}</a>
              </LWTooltip>
            }
          </div>
          {secondaryInfoNode}
        </div>
      </div>
      {!post.shortform && <div className={classes.headerVote}>
        <PostsVote post={post} />
      </div>}
    </div>
    <div className={classes.headerFooter}>
      <div className={classes.tagSection}>
        {!post.shortform && !post.isEvent && !hideTags && 
        <AnalyticsContext pageSectionContext="tagHeader">
          <FooterTagList post={post} hideScore allowTruncate overrideMargins={true} annualReviewMarketInfo={annualReviewMarketInfo} />
        </AnalyticsContext>}
      </div>
    </div>
    {post.isEvent && <PostsPageEventData post={post}/>}
  </>
}

const PostsPagePostHeaderComponent = registerComponent(
  'PostsPagePostHeader', PostsPagePostHeader, {styles}
);

declare global {
  interface ComponentTypes {
    PostsPagePostHeader: typeof PostsPagePostHeaderComponent,
  }
}

1	import React, { FC, MouseEvent, useMemo } from 'react';	57✔
2	import { Components, registerComponent } from '../../../lib/vulcan-lib';	19✔
3	import { getResponseCounts, postGetAnswerCountStr, postGetCommentCountStr } from '../../../lib/collections/posts/helpers';	19✔
4	import { AnalyticsContext } from "../../../lib/analyticsEvents";	19✔
5	import { extractVersionsFromSemver } from '../../../lib/editor/utils';	19✔
6	import { getUrlClass } from '../../../lib/routeUtil';	19✔
7	import classNames from 'classnames';	19✔
8	import { isServer } from '../../../lib/executionEnvironment';	19✔
9	import { isBookUI, isFriendlyUI } from '../../../themes/forumTheme';	19✔
10	import type { AnnualReviewMarketInfo } from '../../../lib/annualReviewMarkets';
11	import { captureException } from '@sentry/core';	19✔
12
13	const SECONDARY_SPACING = 20;	19✔
14
15	const styles = (theme: ThemeType): JssStyles => ({	19✔
16	header: {
17	position: 'relative',
18	display:"flex",
19	justifyContent: "space-between",
20	alignItems: "center",
21	marginBottom: isFriendlyUI ? 20 : theme.spacing.unit*2,	1!
22	},
23	headerLeft: {
24	width: "100%"
25	},
26	headerVote: {
27	textAlign: 'center',
28	fontSize: 42,
29	position: isFriendlyUI ? 'absolute' : "relative",	1!
30	top: isFriendlyUI ? 0 : undefined,	1!
31	left: isFriendlyUI ? -93 : undefined,	1!
32	[theme.breakpoints.down("sm")]: {
33	position: 'relative',
34	top: 'auto',
35	left: 'auto'
36	}
37	},
38	eventHeader: {
39	marginBottom: 0,
40	},
41	authorAndSecondaryInfo: {
42	display: 'flex',
43	alignItems: 'baseline',
44	columnGap: SECONDARY_SPACING,
45	flexWrap: 'wrap',
46	fontSize: isFriendlyUI ? theme.typography.body1.fontSize : '1.4rem',	1!
47	fontWeight: isFriendlyUI ? 450 : undefined,	1!
48	fontFamily: theme.typography.uiSecondary.fontFamily,
49	color: theme.palette.text.dim3,
50	paddingBottom: isFriendlyUI ? 12 : undefined,	1!
51	borderBottom: isFriendlyUI ? theme.palette.border.grey300 : undefined	1!
52	},
53	secondaryInfo: {
54	flexGrow: 1,
55	display: 'flex',
56	justifyContent: 'space-between',
57	alignItems: 'baseline',
58	columnGap: SECONDARY_SPACING,
59	rowGap: '10px',
60	flexWrap: 'wrap',
61	[theme.breakpoints.down("sm")]: {
62	justifyContent: 'flex-start'
63	}
64	},
65	secondaryInfoLeft: {
66	display: 'flex',
67	alignItems: 'baseline',
68	columnGap: SECONDARY_SPACING,
69	flexWrap: 'wrap'
70	},
71	secondaryInfoRight: {
72	flex: 'none',
73	display: 'flex',
74	columnGap: SECONDARY_SPACING
75	},
76	secondaryInfoLink: {
77	fontWeight: isFriendlyUI ? 450 : undefined,	1!
78	fontSize: isFriendlyUI ? undefined : theme.typography.body2.fontSize,	1!
79	"@media print": { display: "none" },
80	},
81	actions: {
82	color: isFriendlyUI ? undefined : theme.palette.grey[500],	1!
83	"&:hover": {
84	opacity: 0.5,
85	},
86	'& svg': {
87	color: 'inherit' // this is needed for the EAF version of the icon
88	},
89	"@media print": { display: "none" },
90	},
91	authorInfo: {
92	display: 'flex',
93	alignItems: 'baseline',
94	columnGap: SECONDARY_SPACING,
95	},
96	authors: {
97	fontSize: theme.typography.body1.fontSize,
98	},
99	feedName: {
100	fontSize: theme.typography.body2.fontSize,
101	[theme.breakpoints.down('sm')]: {
102	display: "none"
103	}
104	},
105	divider: {
106	marginTop: theme.spacing.unit*2,
107	marginLeft:0,
108	borderTop: theme.palette.border.faint,
109	borderLeft: 'transparent'
110	},
111	commentIcon: {
112	fontSize: "1.4em",
113	marginRight: 1,
114	transform: "translateY(5px)",
115	},
116	bookmarkButton: {
117	marginBottom: -5,
118	height: 22,
119	color: theme.palette.grey[600],
120	"&:hover": {
121	opacity: 0.5,
122	},
123	},
124	headerFooter: {
125	display: 'flex',
126	justifyContent: 'space-between',
127	[theme.breakpoints.down('sm')]: {
128	flexDirection: 'column',
129	},
130	marginTop: 8,
131	marginBottom: 16,
132	},
133	tagSection: {
134	flex: 1,
135	display: "flex",
136	flexDirection: isFriendlyUI ? "column" : "row",	1!
137	height: "100%",
138	}
139	});
140
141	// On the server, use the 'url' library for parsing hostname out of feed URLs.
142	// On the client, we instead create an <a> tag, set its href, and extract
143	// properties from that. (There is a URL class which theoretically would work,
144	// but it doesn't have the hostname field on IE11 and it's missing entirely on
145	// Opera Mini.)
146	const URLClass = getUrlClass()	19✔
147
148	export function getProtocol(url: string): string {
149	if (isServer)	×
150	return new URLClass(url).protocol;	×
151
152	// From https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
153	var parser = document.createElement('a');	×
154	parser.href = url;	×
155	return parser.protocol;	×
156	}
157
158	export function getHostname(url: string): string {
159	if (isServer)	×
160	return new URLClass(url).hostname;	×
161
162	// From https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
163	var parser = document.createElement('a');	×
164	parser.href = url;	×
165	return parser.hostname;	×
166	}
167
168	/**
169	* Intended to be used when you have a url-like string that might be missing the protocol (http(s)://) prefix
170	* Trying to parse those with `new URL()`/`new URLClass()` blows up, so this tries to correctly handle them
171	* We default to logging an error to sentry and returning nothing if even that fails, but not confident we shouldn't just continue to throw in a visible way
172	*/
173	export function parseUnsafeUrl(url: string) {
174	const urlWithProtocol = url.slice(0, 4) === 'http'	×
175	? url	×
176	: `https://${url}`;
177
178	try {	×
179	const parsedUrl = new URLClass(urlWithProtocol);	×
180	const protocol = getProtocol(urlWithProtocol);	×
181	const hostname = getHostname(urlWithProtocol);	×
182
183	return { protocol, hostname, parsedUrl };	×
184	} catch (err) {
185	captureException(`Tried to parse url ${url} as ${urlWithProtocol} and failed`);	×
186	}
187
188	return {};	×
189	}
190
191	export const CommentsLink: FC<{
192	anchor: string,
193	children: React.ReactNode,
194	className?: string,
195	}> = ({anchor, children, className}) => {	19✔
196	const onClick = (e: MouseEvent<HTMLAnchorElement>) => {	×
197	e.preventDefault();	×
198	const elem = document.querySelector(anchor);	×
199	if (elem) {	×
200	// Match the scroll behaviour from TableOfContentsList
201	window.scrollTo({	×
202	top: elem.getBoundingClientRect().y - (window.innerHeight / 3) + 1,
203	behavior: "smooth",
204	});
205	}
206	}
207	return (	×
208	<a className={className} {...(isFriendlyUI ? {onClick} : {href: anchor})}>	×
209	{children}
210	</a>
211	);
212	}
213
214	/// PostsPagePostHeader: The metadata block at the top of a post page, with
215	/// title, author, voting, an actions menu, etc.
216	const PostsPagePostHeader = ({post, answers = [], dialogueResponses = [], showEmbeddedPlayer, toggleEmbeddedPlayer, hideMenu, hideTags, annualReviewMarketInfo, classes}: {	19!
217	post: PostsWithNavigation\|PostsWithNavigationAndRevision\|PostsListWithVotes,
218	answers?: CommentsList[],
219	dialogueResponses?: CommentsList[],
220	showEmbeddedPlayer?: boolean,
221	toggleEmbeddedPlayer?: () => void,
222	hideMenu?: boolean,
223	hideTags?: boolean,
224	annualReviewMarketInfo?: AnnualReviewMarketInfo,
225	classes: ClassesType,
226	}) => {
227	const { PostsPageTitle, PostsAuthors, LWTooltip, PostsPageDate, CrosspostHeaderIcon,
228	PostActionsButton, PostsVote, PostsGroupDetails, PostsTopSequencesNav,
229	PostsPageEventData, FooterTagList, AddToCalendarButton, BookmarkButton,
230	ForumIcon, GroupLinks, SharePostButton, AudioToggle, ReadTime } = Components;	×
231
232	const hasMajorRevision = ('version' in post) && extractVersionsFromSemver(post.version).major > 1	×
NEW 233	const rssFeedSource = ('feed' in post) ? post.feed : null;	×
234	let feedLinkDomain;
235	let feedLink;
NEW 236	if (rssFeedSource?.url) {	×
237	let feedLinkProtocol;
NEW 238	({ hostname: feedLinkDomain, protocol: feedLinkProtocol } = parseUnsafeUrl(rssFeedSource.url));	×
NEW 239	feedLink = `${feedLinkProtocol}//${feedLinkDomain}`;	×
240	}
UNCOV 241	const crosspostNode = post.fmCrosspost?.isCrosspost && !post.fmCrosspost.hostedHere &&	×
242	<CrosspostHeaderIcon post={post} />
243
244	const {
245	answerCount,
246	commentCount,
247	} = useMemo(() => getResponseCounts({ post, answers }), [post, answers]);	×
248
249	const minimalSecondaryInfo = post.isEvent \|\| (isFriendlyUI && post.shortform);	×
250
251	const answersNode = !post.question \|\| minimalSecondaryInfo	×
252	? null	×
253	: (
254	<CommentsLink anchor="#answers" className={classes.secondaryInfoLink}>
255	{postGetAnswerCountStr(answerCount)}
256	</CommentsLink>
257	);
258
UNCOV 259	const addToCalendarNode = post.startTime && <div className={classes.secondaryInfoLink}>	×
260	<AddToCalendarButton post={post} label="Add to calendar" hideTooltip />
261	</div>
262
263	const tripleDotMenuNode = !hideMenu &&	×
264	<span className={classes.actions}>
265	<AnalyticsContext pageElementContext="tripleDotMenu">
266	<PostActionsButton post={post} includeBookmark={isBookUI} flip={true}/>
267	</AnalyticsContext>
268	</span>
269
270	// EA Forum splits the info into two sections, plus has the info in a different order
271	const secondaryInfoNode = <div className={classes.secondaryInfo}>	×
272	<div className={classes.secondaryInfoLeft}>
273	{!minimalSecondaryInfo &&	×
274	<>
275	<PostsPageDate post={post} hasMajorRevision={hasMajorRevision} />
276	<ReadTime post={post} dialogueResponses={dialogueResponses} />
277	</>
278	}
279	<AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
280	{post.isEvent && <GroupLinks document={post} noMargin />}	×
281	{answersNode}
282	{!post.shortform &&	×
283	<LWTooltip title={postGetCommentCountStr(post, commentCount)}>
284	<CommentsLink anchor="#comments" className={classes.secondaryInfoLink}>
285	<ForumIcon icon="Comment" className={classes.commentIcon} /> {commentCount}
286	</CommentsLink>
287	</LWTooltip>
288	}
289	{addToCalendarNode}
290	{crosspostNode}
291	</div>
292	<div className={classes.secondaryInfoRight}>
293	<BookmarkButton post={post} className={classes.bookmarkButton} placement='bottom-start' />
294	<SharePostButton post={post} />
295	{tripleDotMenuNode}
296	</div>
297	</div>
298
299	// TODO: If we are not the primary author of this post, but it was shared with
300	// us as a draft, display a notice and a link to the collaborative editor.
301
302	return <>	×
303	{post.group && <PostsGroupDetails post={post} documentId={post.group._id} />}	×
304	<AnalyticsContext pageSectionContext="topSequenceNavigation">
305	{('sequence' in post) && <PostsTopSequencesNav post={post} />}	×
306	</AnalyticsContext>
307	<div className={classNames(classes.header, {[classes.eventHeader]: post.isEvent})}>
308	<div className={classes.headerLeft}>
309	<PostsPageTitle post={post} />
310	<div className={classes.authorAndSecondaryInfo}>
311	<div className={classes.authorInfo}>
312	<div className={classes.authors}>
313	<PostsAuthors post={post} pageSectionContext="post_header" />
314	</div>
315	{rssFeedSource && rssFeedSource.user &&	×
316	<LWTooltip title={`Crossposted from ${feedLinkDomain}`} className={classes.feedName}>
317	<a href={feedLink}>{rssFeedSource.nickname}</a>
318	</LWTooltip>
319	}
320	</div>
321	{secondaryInfoNode}
322	</div>
323	</div>
324	{!post.shortform && <div className={classes.headerVote}>	×
325	<PostsVote post={post} />
326	</div>}
327	</div>
328	<div className={classes.headerFooter}>
329	<div className={classes.tagSection}>
330	{!post.shortform && !post.isEvent && !hideTags &&	×
331	<AnalyticsContext pageSectionContext="tagHeader">
332	<FooterTagList post={post} hideScore allowTruncate overrideMargins={true} annualReviewMarketInfo={annualReviewMarketInfo} />
333	</AnalyticsContext>}
334	</div>
335	</div>
336	{post.isEvent && <PostsPageEventData post={post}/>}	×
337	</>
338	}
339
340	const PostsPagePostHeaderComponent = registerComponent(	19✔
341	'PostsPagePostHeader', PostsPagePostHeader, {styles}
342	);
343
344	declare global {
345	interface ComponentTypes {
346	PostsPagePostHeader: typeof PostsPagePostHeaderComponent,
347	}
348	}

ForumMagnum / ForumMagnum / 10928004524

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