11086260008

Committed 28 Sep 2024 06:54PM UTC coverage: 31.726% (-0.09%) from 31.813%

Build # 11086260008

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9699 from ForumMagnum/comment-link-preview

Improvements to in-context comment links

Run Details

5075 of 41707 branches covered (12.17%)

Branch coverage included in aggregate %.

32 of 156 new or added lines in 14 files covered. (20.51%)

9 existing lines in 7 files now uncovered.

29586 of 67545 relevant lines covered (43.8%)

183.12 hits per line

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

17.01

/packages/lesswrong/components/comments/CommentsItem/CommentsItemMeta.tsx

import React, { useState }  from "react";
import classNames from "classnames";
import { Components, registerComponent } from "../../../lib/vulcan-lib";
import { Link } from "../../../lib/reactRouterWrapper";
import { isEAForum } from "../../../lib/instanceSettings";
import { userIsPostCoauthor } from "../../../lib/collections/posts/helpers";
import { useCommentLink, useCommentLinkState } from "./useCommentLink";
import { userIsAdmin } from "../../../lib/vulcan-users";
import { useCurrentUser } from "../../common/withUser";
import { AnalyticsContext } from "../../../lib/analyticsEvents";
import type { CommentTreeOptions } from "../commentTree";
import { isBookUI, isFriendlyUI } from "../../../themes/forumTheme";
import { commentPermalinkStyleSetting } from "@/lib/publicSettings";

export const metaNoticeStyles = (theme: ThemeType) => ({
    color: theme.palette.lwTertiary.main,
    fontSize: "1rem",
    marginLeft: theme.spacing.unit / 2,
    ...theme.typography.italic,
});

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    "& > div": {
      marginRight: 5,
    },

    position: "relative",
    display: "flex",
    flexWrap: "wrap",
    alignItems: "center",
    rowGap: "6px",
    marginBottom: 8,
    color: theme.palette.text.dim,
    paddingTop: "0.6em",
    marginRight: isFriendlyUI ? 40 : 20,

    "& a:hover, & a:active": {
      textDecoration: "none",
      color: isFriendlyUI ? undefined : `${theme.palette.linkHover.dim} !important`,
    },
  },
  sideCommentMeta: {
    display: "flex",
    alignItems: "baseline",
  },
  metaNotice: {
    ...metaNoticeStyles(theme),
  },
  collapse: {
    marginRight: isFriendlyUI ? 6 : 5,
    opacity: 0.8,
    fontSize: "0.8rem",
    lineHeight: "1rem",
    paddingBottom: isFriendlyUI ? 4 : 2,
    display: isFriendlyUI ? "inline-block" : "flex",
    verticalAlign: "middle",
    transform: isFriendlyUI ? "translateY(3px)" : undefined,

    "& span": {
      fontFamily: "monospace",
    },
  },
  collapseChevron: {
    width: 15,
    transition: "transform 0.2s",
  },
  collapseChevronOpen: {
    transform: "rotate(90deg)",
  },
  collapseCharacter: {
    transform: 'translateY(0.75px)',
  },
  username: {
    marginRight: isFriendlyUI ? 0 : 6,

    "$sideCommentMeta &": {
      flexGrow: 1,
      whiteSpace: "nowrap",
      textOverflow: "ellipsis",
      flexShrink: 1,
      display: "inline-block",
      overflowX: "hidden",
    },
  },
  userMarkers: {
    marginRight: 6,
  },
  moderatorHat: {
    marginRight: 8,
  },
  relevantTags: {
    marginLeft: 12,
    position: "relative",
    top: -2,
    "& .FooterTag-root:nth-child(n+4)": {
      marginTop: 8,
    },
  },
  relevantTag: {
    marginTop: 4,
  },
  showMoreTags: {
    position: "relative",
    top: 1,
    color: theme.palette.grey[500],
    fontSize: 12,
    marginLeft: 8,
  },
  rightSection: {
    position: "absolute",
    right: isFriendlyUI ? -46 : -26,
    top: 12,
    display: "flex",
  },
  linkIcon: {
    fontSize: "1.2rem",
    verticalAlign: "top",
    color: theme.palette.icon.dim,
    margin: "0 4px",
    position: "relative",
    top: 1,
  },
  linkIconHighlighted: {
    strokeWidth: "0.7px",
    stroke: "currentColor",
    color: theme.palette.primary.main
  },
  menu: isFriendlyUI
    ? {
      color: theme.palette.icon.dim,
    }
    : {
      opacity: 0.35,
    }
});

export const CommentsItemMeta = ({
  treeOptions,
  comment,
  showCommentTitle,
  isParentComment,
  parentCommentId,
  showParentState,
  toggleShowParent,
  scrollIntoView,
  parentAnswerId,
  setSingleLine,
  collapsed,
  toggleCollapse,
  setShowEdit,
  rightSectionElements,
  classes,
}: {
  treeOptions: CommentTreeOptions,
  comment: CommentsList|CommentsListWithParentMetadata,
  showCommentTitle: boolean,
  isParentComment?: boolean,
  parentCommentId?: string,
  showParentState: boolean,
  toggleShowParent: () => void,
  scrollIntoView?: () => void,
  parentAnswerId?: string,
  setSingleLine?: (singleLine: boolean) => void,
  collapsed?: boolean,
  toggleCollapse?: () => void,
  setShowEdit: () => void,
  rightSectionElements?: React.ReactNode,
  classes: ClassesType<typeof styles>,
}) => {
  const currentUser = useCurrentUser();
  const { scrollToCommentId } = useCommentLinkState();

  const {
    postPage, showCollapseButtons, post, tag, singleLineCollapse, isSideComment,
    hideActionsMenu, hideParentCommentToggle, hideParentCommentToggleForTopLevel,
  } = treeOptions;

  const authorIsPostAuthor = post &&
    (post.userId === comment.userId || userIsPostCoauthor(comment.user, post));
  const commentIsTopLevelShortform = post?.shortform && !comment.parentCommentId;

  const commentLinkProps = {
    comment,
    post,
    tag,
    scrollIntoView,
    scrollOnClick: postPage && !isParentComment,
  };
  const CommentLinkWrapper = useCommentLink(commentLinkProps);

  /**
   * Show the moderator comment annotation if:
   * 1) it has the moderatorHat
   * 2) the user is either an admin, or the moderatorHat isn't deliberately hidden
   */
  const showModeratorCommentAnnotation = comment.moderatorHat && (
    userIsAdmin(currentUser)
      ? true
      : !comment.hideModeratorHat
    );

  const moderatorCommentAnnotation = comment.hideModeratorHat
    ? "Moderator Comment (Invisible)"
    : "Moderator Comment";

  const getReviewLink = (year: string) => {
    // We changed our review page in 2018 and 2019. In 2020 we came up with a page
    // that we'll hopefully stick with for awhile.
    if (year === "2018" || year === "2019") {
      return `/reviews/${year}`;
    }
    return `/reviewVoting/${year}`;
  }

  const reviewingForReview = isEAForum && comment.reviewingForReview === "2020"
    ? "the Decade"
    : comment.reviewingForReview;

  const [showMoreClicked, setShowMoreClicked] = useState(false);
  let relevantTagsTruncated = comment.relevantTags ?? [];
  let shouldDisplayLoadMore = false;
  if (!showMoreClicked) {
    shouldDisplayLoadMore = relevantTagsTruncated.length > 1 && !showMoreClicked;
    relevantTagsTruncated = relevantTagsTruncated.slice(0, 1);
  }



  const {
    CommentShortformIcon, CommentDiscussionIcon, ShowParentComment, CommentUserName,
    CommentsItemDate, SmallSideVote, CommentOutdatedWarning, FooterTag, LoadMore,
    ForumIcon, CommentsMenu, UserCommentMarkers
  } = Components;

  // Note: This could be decoupled from `commentPermalinkStyleSetting` without any side effects
  const highlightLinkIcon = commentPermalinkStyleSetting.get() === 'in-context' && scrollToCommentId === comment._id

  return (
    <div className={classNames(
      classes.root,
      isSideComment && classes.sideCommentMeta,
    )}>
      {!parentCommentId && !comment.parentCommentId && isParentComment &&
        <div>○</div>
      }
      {post && <CommentShortformIcon comment={comment} post={post} />}
      {!showCommentTitle && <CommentDiscussionIcon comment={comment} small />}
      {!hideParentCommentToggle &&
          !(hideParentCommentToggleForTopLevel &&
            comment.parentCommentId === comment.topLevelCommentId
          ) &&
          /* We're often comparing null to undefined, so we need to explicitly use a double-eq-negation */
          /* eslint-disable-next-line eqeqeq */
          parentCommentId != comment.parentCommentId &&
          /* eslint-disable-next-line eqeqeq */
          parentAnswerId != comment.parentCommentId &&
        <ShowParentComment
          comment={comment}
          active={showParentState}
          onClick={toggleShowParent}
        />
      }
      {(showCollapseButtons || collapsed) &&
        <a className={classes.collapse} onClick={toggleCollapse}>
          {isFriendlyUI
            ? <ForumIcon icon="ThickChevronRight" className={classNames(
                classes.collapseChevron, !collapsed && classes.collapseChevronOpen
              )} />
            : <>[<span className={classes.collapseCharacter}>{collapsed ? "+" : "-"}</span>]</>
          }
        </a>
      }
      {singleLineCollapse && <a className={classes.collapse} onClick={() =>
        setSingleLine && setSingleLine(true)
      }>
        [<span>{collapsed ? "+" : "-"}</span>]
      </a>}
      <CommentUserName
        comment={comment}
        className={classes.username}
      />
      <UserCommentMarkers
        user={comment.user}
        isPostAuthor={authorIsPostAuthor && !commentIsTopLevelShortform}
        className={classes.userMarkers}
      />
      <CommentsItemDate {...commentLinkProps} />
      {showModeratorCommentAnnotation &&
        <span className={classes.moderatorHat}>
          {moderatorCommentAnnotation}
        </span>
      }
      {!comment.debateResponse && !comment.rejected && <SmallSideVote
        document={comment}
        collectionName="Comments"
        hideKarma={post?.hideCommentKarma}
      />}

      {post && <CommentOutdatedWarning comment={comment} post={post}/>}

      {comment.nominatedForReview &&
        <Link
          to={`/nominations/${comment.nominatedForReview}`}
          className={classes.metaNotice}
        >
          {`Nomination for ${comment.nominatedForReview} Review`}
        </Link>
      }

      {comment.reviewingForReview &&
        <Link
          to={getReviewLink(comment.reviewingForReview)}
          className={classes.metaNotice}
        >
          {`Review for ${reviewingForReview} Review`}
        </Link>
      }

      {!!relevantTagsTruncated.length && <span className={classes.relevantTags}>
        {relevantTagsTruncated.map(tag =>
          <FooterTag
            tag={tag}
            key={tag._id}
            className={classes.relevantTag}
            neverCoreStyling={isBookUI}
            smallText
          />
        )}
        {shouldDisplayLoadMore && <LoadMore
          loadMore={() => setShowMoreClicked(true)}
          message="Show more"
          className={classes.showMoreTags}
        />}
      </span>}

      <span className={classes.rightSection}>
        {rightSectionElements}
        {isFriendlyUI &&
          <CommentLinkWrapper>
            <ForumIcon icon="Link" className={classNames(classes.linkIcon, {[classes.linkIconHighlighted]: highlightLinkIcon})} />
          </CommentLinkWrapper>
        }
        {!isParentComment && !hideActionsMenu &&
          <AnalyticsContext pageElementContext="tripleDotMenu">
            <CommentsMenu
              className={classes.menu}
              comment={comment}
              post={post}
              tag={tag}
              showEdit={setShowEdit}
            />
          </AnalyticsContext>
        }
      </span>
    </div>
  );
}

const CommentsItemMetaComponent = registerComponent(
  "CommentsItemMeta",
  CommentsItemMeta,
  {styles},
);

declare global {
  interface ComponentTypes {
    CommentsItemMeta: typeof CommentsItemMetaComponent,
  }
}

1	import React, { useState } from "react";	7✔
2	import classNames from "classnames";	1✔
3	import { Components, registerComponent } from "../../../lib/vulcan-lib";	1✔
4	import { Link } from "../../../lib/reactRouterWrapper";	1✔
5	import { isEAForum } from "../../../lib/instanceSettings";	1✔
6	import { userIsPostCoauthor } from "../../../lib/collections/posts/helpers";	1✔
7	import { useCommentLink, useCommentLinkState } from "./useCommentLink";	1✔
8	import { userIsAdmin } from "../../../lib/vulcan-users";	1✔
9	import { useCurrentUser } from "../../common/withUser";	1✔
10	import { AnalyticsContext } from "../../../lib/analyticsEvents";	1✔
11	import type { CommentTreeOptions } from "../commentTree";
12	import { isBookUI, isFriendlyUI } from "../../../themes/forumTheme";	1✔
13	import { commentPermalinkStyleSetting } from "@/lib/publicSettings";	1✔
14
15	export const metaNoticeStyles = (theme: ThemeType) => ({	5✔
16	color: theme.palette.lwTertiary.main,
17	fontSize: "1rem",
18	marginLeft: theme.spacing.unit / 2,
19	...theme.typography.italic,
20	});
21
22	const styles = (theme: ThemeType): JssStyles => ({	1✔
23	root: {
24	"& > div": {
25	marginRight: 5,
26	},
27
28	position: "relative",
29	display: "flex",
30	flexWrap: "wrap",
31	alignItems: "center",
32	rowGap: "6px",
33	marginBottom: 8,
34	color: theme.palette.text.dim,
35	paddingTop: "0.6em",
36	marginRight: isFriendlyUI ? 40 : 20,	1!
37
38	"& a:hover, & a:active": {
39	textDecoration: "none",
40	color: isFriendlyUI ? undefined : `${theme.palette.linkHover.dim} !important`,	1!
41	},
42	},
43	sideCommentMeta: {
44	display: "flex",
45	alignItems: "baseline",
46	},
47	metaNotice: {
48	...metaNoticeStyles(theme),
49	},
50	collapse: {
51	marginRight: isFriendlyUI ? 6 : 5,	1!
52	opacity: 0.8,
53	fontSize: "0.8rem",
54	lineHeight: "1rem",
55	paddingBottom: isFriendlyUI ? 4 : 2,	1!
56	display: isFriendlyUI ? "inline-block" : "flex",	1!
57	verticalAlign: "middle",
58	transform: isFriendlyUI ? "translateY(3px)" : undefined,	1!
59
60	"& span": {
61	fontFamily: "monospace",
62	},
63	},
64	collapseChevron: {
65	width: 15,
66	transition: "transform 0.2s",
67	},
68	collapseChevronOpen: {
69	transform: "rotate(90deg)",
70	},
71	collapseCharacter: {
72	transform: 'translateY(0.75px)',
73	},
74	username: {
75	marginRight: isFriendlyUI ? 0 : 6,	1!
76
77	"$sideCommentMeta &": {
78	flexGrow: 1,
79	whiteSpace: "nowrap",
80	textOverflow: "ellipsis",
81	flexShrink: 1,
82	display: "inline-block",
83	overflowX: "hidden",
84	},
85	},
86	userMarkers: {
87	marginRight: 6,
88	},
89	moderatorHat: {
90	marginRight: 8,
91	},
92	relevantTags: {
93	marginLeft: 12,
94	position: "relative",
95	top: -2,
96	"& .FooterTag-root:nth-child(n+4)": {
97	marginTop: 8,
98	},
99	},
100	relevantTag: {
101	marginTop: 4,
102	},
103	showMoreTags: {
104	position: "relative",
105	top: 1,
106	color: theme.palette.grey[500],
107	fontSize: 12,
108	marginLeft: 8,
109	},
110	rightSection: {
111	position: "absolute",
112	right: isFriendlyUI ? -46 : -26,	1!
113	top: 12,
114	display: "flex",
115	},
116	linkIcon: {
117	fontSize: "1.2rem",
118	verticalAlign: "top",
119	color: theme.palette.icon.dim,
120	margin: "0 4px",
121	position: "relative",
122	top: 1,
123	},
124	linkIconHighlighted: {
125	strokeWidth: "0.7px",
126	stroke: "currentColor",
127	color: theme.palette.primary.main
128	},
129	menu: isFriendlyUI
130	? {	1!
131	color: theme.palette.icon.dim,
132	}
133	: {
134	opacity: 0.35,
135	}
136	});
137
138	export const CommentsItemMeta = ({	1✔
139	treeOptions,
140	comment,
141	showCommentTitle,
142	isParentComment,
143	parentCommentId,
144	showParentState,
145	toggleShowParent,
146	scrollIntoView,
147	parentAnswerId,
148	setSingleLine,
149	collapsed,
150	toggleCollapse,
151	setShowEdit,
152	rightSectionElements,
153	classes,
154	}: {
155	treeOptions: CommentTreeOptions,
156	comment: CommentsList\|CommentsListWithParentMetadata,
157	showCommentTitle: boolean,
158	isParentComment?: boolean,
159	parentCommentId?: string,
160	showParentState: boolean,
161	toggleShowParent: () => void,
162	scrollIntoView?: () => void,
163	parentAnswerId?: string,
164	setSingleLine?: (singleLine: boolean) => void,
165	collapsed?: boolean,
166	toggleCollapse?: () => void,
167	setShowEdit: () => void,
168	rightSectionElements?: React.ReactNode,
169	classes: ClassesType<typeof styles>,
170	}) => {
171	const currentUser = useCurrentUser();	×
NEW 172	const { scrollToCommentId } = useCommentLinkState();	×
173
174	const {
175	postPage, showCollapseButtons, post, tag, singleLineCollapse, isSideComment,
176	hideActionsMenu, hideParentCommentToggle, hideParentCommentToggleForTopLevel,
177	} = treeOptions;	×
178
179	const authorIsPostAuthor = post &&	×
180	(post.userId === comment.userId \|\| userIsPostCoauthor(comment.user, post));
181	const commentIsTopLevelShortform = post?.shortform && !comment.parentCommentId;	×
182
183	const commentLinkProps = {	×
184	comment,
185	post,
186	tag,
187	scrollIntoView,
188	scrollOnClick: postPage && !isParentComment,	×
189	};
190	const CommentLinkWrapper = useCommentLink(commentLinkProps);	×
191
192	/**
193	* Show the moderator comment annotation if:
194	* 1) it has the moderatorHat
195	* 2) the user is either an admin, or the moderatorHat isn't deliberately hidden
196	*/
197	const showModeratorCommentAnnotation = comment.moderatorHat && (	×
198	userIsAdmin(currentUser)
199	? true	×
200	: !comment.hideModeratorHat
201	);
202
203	const moderatorCommentAnnotation = comment.hideModeratorHat	×
204	? "Moderator Comment (Invisible)"	×
205	: "Moderator Comment";
206
207	const getReviewLink = (year: string) => {	×
208	// We changed our review page in 2018 and 2019. In 2020 we came up with a page
209	// that we'll hopefully stick with for awhile.
210	if (year === "2018" \|\| year === "2019") {	×
211	return `/reviews/${year}`;	×
212	}
213	return `/reviewVoting/${year}`;	×
214	}
215
216	const reviewingForReview = isEAForum && comment.reviewingForReview === "2020"	×
217	? "the Decade"	×
218	: comment.reviewingForReview;
219
220	const [showMoreClicked, setShowMoreClicked] = useState(false);	×
221	let relevantTagsTruncated = comment.relevantTags ?? [];	×
222	let shouldDisplayLoadMore = false;	×
223	if (!showMoreClicked) {	×
224	shouldDisplayLoadMore = relevantTagsTruncated.length > 1 && !showMoreClicked;	×
225	relevantTagsTruncated = relevantTagsTruncated.slice(0, 1);	×
226	}
227
228
229
230	const {
231	CommentShortformIcon, CommentDiscussionIcon, ShowParentComment, CommentUserName,
232	CommentsItemDate, SmallSideVote, CommentOutdatedWarning, FooterTag, LoadMore,
233	ForumIcon, CommentsMenu, UserCommentMarkers
234	} = Components;	×
235
236	// Note: This could be decoupled from `commentPermalinkStyleSetting` without any side effects
NEW 237	const highlightLinkIcon = commentPermalinkStyleSetting.get() === 'in-context' && scrollToCommentId === comment._id	×
238
UNCOV 239	return (	×
240	<div className={classNames(
241	classes.root,
242	isSideComment && classes.sideCommentMeta,	×
243	)}>
244	{!parentCommentId && !comment.parentCommentId && isParentComment &&	×
245	<div>○</div>
246	}
247	{post && <CommentShortformIcon comment={comment} post={post} />}	×
248	{!showCommentTitle && <CommentDiscussionIcon comment={comment} small />}	×
249	{!hideParentCommentToggle &&	×
250	!(hideParentCommentToggleForTopLevel &&	×
251	comment.parentCommentId === comment.topLevelCommentId
252	) &&
253	/* We're often comparing null to undefined, so we need to explicitly use a double-eq-negation */
254	/* eslint-disable-next-line eqeqeq */
255	parentCommentId != comment.parentCommentId &&
256	/* eslint-disable-next-line eqeqeq */
257	parentAnswerId != comment.parentCommentId &&
258	<ShowParentComment
259	comment={comment}
260	active={showParentState}
261	onClick={toggleShowParent}
262	/>
263	}
264	{(showCollapseButtons \|\| collapsed) &&	×
265	<a className={classes.collapse} onClick={toggleCollapse}>
266	{isFriendlyUI
267	? <ForumIcon icon="ThickChevronRight" className={classNames(	×
268	classes.collapseChevron, !collapsed && classes.collapseChevronOpen	×
269	)} />
270	: <>[<span className={classes.collapseCharacter}>{collapsed ? "+" : "-"}</span>]</>	×
271	}
272	</a>
273	}
274	{singleLineCollapse && <a className={classes.collapse} onClick={() =>	×
275	setSingleLine && setSingleLine(true)	×
276	}>
277	[<span>{collapsed ? "+" : "-"}</span>]	×
278	</a>}
279	<CommentUserName
280	comment={comment}
281	className={classes.username}
282	/>
283	<UserCommentMarkers
284	user={comment.user}
285	isPostAuthor={authorIsPostAuthor && !commentIsTopLevelShortform}	×
286	className={classes.userMarkers}
287	/>
288	<CommentsItemDate {...commentLinkProps} />
289	{showModeratorCommentAnnotation &&	×
290	<span className={classes.moderatorHat}>
291	{moderatorCommentAnnotation}
292	</span>
293	}
294	{!comment.debateResponse && !comment.rejected && <SmallSideVote	×
295	document={comment}
296	collectionName="Comments"
297	hideKarma={post?.hideCommentKarma}	×
298	/>}
299
300	{post && <CommentOutdatedWarning comment={comment} post={post}/>}	×
301
302	{comment.nominatedForReview &&	×
303	<Link
304	to={`/nominations/${comment.nominatedForReview}`}
305	className={classes.metaNotice}
306	>
307	{`Nomination for ${comment.nominatedForReview} Review`}
308	</Link>
309	}
310
311	{comment.reviewingForReview &&	×
312	<Link
313	to={getReviewLink(comment.reviewingForReview)}
314	className={classes.metaNotice}
315	>
316	{`Review for ${reviewingForReview} Review`}
317	</Link>
318	}
319
320	{!!relevantTagsTruncated.length && <span className={classes.relevantTags}>	×
321	{relevantTagsTruncated.map(tag =>
322	<FooterTag	×
323	tag={tag}
324	key={tag._id}
325	className={classes.relevantTag}
326	neverCoreStyling={isBookUI}
327	smallText
328	/>
329	)}
330	{shouldDisplayLoadMore && <LoadMore	×
331	loadMore={() => setShowMoreClicked(true)}	×
332	message="Show more"
333	className={classes.showMoreTags}
334	/>}
335	</span>}
336
337	<span className={classes.rightSection}>
338	{rightSectionElements}
339	{isFriendlyUI &&	×
340	<CommentLinkWrapper>
341	<ForumIcon icon="Link" className={classNames(classes.linkIcon, {[classes.linkIconHighlighted]: highlightLinkIcon})} />
342	</CommentLinkWrapper>
343	}
344	{!isParentComment && !hideActionsMenu &&	×
345	<AnalyticsContext pageElementContext="tripleDotMenu">
346	<CommentsMenu
347	className={classes.menu}
348	comment={comment}
349	post={post}
350	tag={tag}
351	showEdit={setShowEdit}
352	/>
353	</AnalyticsContext>
354	}
355	</span>
356	</div>
357	);
358	}
359
360	const CommentsItemMetaComponent = registerComponent(	1✔
361	"CommentsItemMeta",
362	CommentsItemMeta,
363	{styles},
364	);
365
366	declare global {
367	interface ComponentTypes {
368	CommentsItemMeta: typeof CommentsItemMetaComponent,
369	}
370	}

ForumMagnum / ForumMagnum / 11086260008

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