10442479222

Committed 18 Aug 2024 05:26PM UTC coverage: 32.181% (-0.004%) from 32.185%

Build # 10442479222

Build Type

Pull #9598

github

Committed by

web-flow

Commit Message

Merge c69540b10 into b766647ea

Pull Request Pull Request #9598: Merge master into LW Deploy

Run Details

5015 of 40321 branches covered (12.44%)

Branch coverage included in aggregate %.

3 of 14 new or added lines in 4 files covered. (21.43%)

53 existing lines in 4 files now uncovered.

28960 of 65255 relevant lines covered (44.38%)

190.54 hits per line

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

17.9

/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';

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" },
  },
  wordCount: {
    fontWeight: isFriendlyUI ? 450 : undefined,
    fontSize: isFriendlyUI ? undefined : theme.typography.body2.fontSize,
    cursor: 'default',
    "@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;
}

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 } = Components;

  const rssFeedSource = ('feed' in post) ? post.feed : null;
  const feedLinkDescription = rssFeedSource?.url && getHostname(rssFeedSource.url)
  const feedLink = rssFeedSource?.url && `${getProtocol(rssFeedSource.url)}//${getHostname(rssFeedSource.url)}`;
  const hasMajorRevision = ('version' in post) && extractVersionsFromSemver(post.version).major > 1

  const crosspostNode = post.fmCrosspost?.isCrosspost && !post.fmCrosspost.hostedHere &&
    <CrosspostHeaderIcon post={post} />

  const wordCount = useMemo(() => {
    if (!post.debate || dialogueResponses.length === 0) {
      return post.contents?.wordCount || 0;
    }

    return dialogueResponses.reduce((wordCount, response) => {
      wordCount += response.contents?.wordCount ?? 0;
      return wordCount;
    }, 0);
  }, [post, dialogueResponses]);

  /**
   * It doesn't make a ton of sense to fetch all the debate response comments in the resolver field, since we:
   * 1. already have them here
   * 2. need them to compute the word count in the debate case as well
   */
  const readTime = useMemo(() => {
    if (!post.debate || dialogueResponses.length === 0) {
      return post.readTimeMinutes ?? 1;
    }

    return Math.max(1, Math.round(wordCount / 250));
  }, [post, dialogueResponses, wordCount]);

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

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

  const readingTimeNode = minimalSecondaryInfo
    ? null
    : (
      <LWTooltip title={`${wordCount} words`}>
        <span className={classes.wordCount}>{readTime} min read</span>
      </LWTooltip>
    );

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

ForumMagnum / ForumMagnum / 10442479222

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