8853353950

Committed 26 Apr 2024 07:31PM UTC coverage: 31.958% (-0.009%) from 31.967%

Build # 8853353950

Build Type

Pull #9186

github

Committed by

oetherington

Commit Message

Add hard date cutoff to show posts list toggle 'new' flag

Pull Request Pull Request #9186: [EA] Card view

Run Details

4709 of 38530 branches covered (12.22%)

Branch coverage included in aggregate %.

46 of 106 new or added lines in 17 files covered. (43.4%)

7 existing lines in 6 files now uncovered.

27532 of 62354 relevant lines covered (44.15%)

179.82 hits per line

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

22.03

/packages/lesswrong/components/posts/EAPostsItem.tsx

import React, { FC, PropsWithChildren } from "react";
import { registerComponent, Components } from "../../lib/vulcan-lib";
import { AnalyticsContext } from "../../lib/analyticsEvents";
import { usePostsItem, PostsItemConfig } from "./usePostsItem";
import { Link } from "../../lib/reactRouterWrapper";
import { SECTION_WIDTH } from "../common/SingleColumnSection";
import withErrorBoundary from "../common/withErrorBoundary";
import classNames from "classnames";
import { InteractionWrapper, useClickableCell } from "../common/useClickableCell";

const KARMA_WIDTH = 50;

export const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between",
    maxWidth: SECTION_WIDTH,
    fontFamily: theme.palette.fonts.sansSerifStack,
  },
  rootCard: {
    marginBottom: 2,
  },
  readCheckbox: {
    minWidth: 24,
    [theme.breakpoints.down("xs")]: {
      marginLeft: -12,
    },
  },
  expandedCommentsWrapper: {
    display: "flex",
    flexDirection: "column",
    minWidth: "100%",
    maxWidth: "100%",
    background: theme.palette.grey[0],
    border: `1px solid ${theme.palette.grey[100]}`,
    borderRadius: theme.borderRadius.default,
    "&:hover": {
      background: theme.palette.grey[50],
      border: `1px solid ${theme.palette.grey[250]}`,
    },
    "&:hover .PostsItemTrailingButtons-actions": {
      opacity: 0.2,
    },
    "&:hover .PostsItemTrailingButtons-archiveButton": {
      opacity: 0.2,
    },
  },
  container: {
    position: "relative",
    flexGrow: 1,
    maxWidth: "100%",
    display: "flex",
    alignItems: "center",
    padding: "8px 12px 8px 0",
    fontWeight: 500,
    fontSize: 13,
    color: theme.palette.grey[600],
    cursor: "pointer",
    [theme.breakpoints.down("xs")]: {
      paddingRight: 12,
    },
  },
  containerCard: {
    paddingTop: 16,
  },
  postsVote: {
    position: "relative",
    fontSize: 30,
    textAlign: "center",
    "& .PostsVoteDefault-voteBlock": {
      marginTop: -5,
    },
  },
  tagRelWrapper: {
    position: "relative",
    transform: "translateY(1px)",
    marginLeft: 44,
    marginRight: 14,
  },
  details: {
    flexGrow: 1,
    minWidth: 0, // flexbox black magic
  },
  titleWrapper: {
    display: "inline",
  },
  title: {
    fontWeight: 600,
    fontSize: 16,
    fontFamily: theme.palette.fonts.sansSerifStack,
    marginBottom: 2,
    [theme.breakpoints.up("sm")]: {
      display: "flex",
      maxWidth: "100%",
    },
    [theme.breakpoints.down("xs")]: {
      display: "-webkit-box",
      "-webkit-box-orient": "vertical",
      "-webkit-line-clamp": 3,
    },
  },
  meta: {
    display: "flex",
    alignItems: "center",
    whiteSpace: "nowrap",
  },
  secondaryContainer: {
    display: "flex",
    alignItems: "center",
  },
  secondaryContainerCard: {
    alignSelf: "flex-start",
  },
  comments: {
    minWidth: 58,
    marginLeft: 4,
    display: "flex",
    alignItems: "center",
    "& svg": {
      height: 18,
      marginRight: 1,
    },
    "&:hover": {
      color: theme.palette.grey[800],
      opacity: 1,
    },
    [theme.breakpoints.up("sm")]: {
      padding: '10px 0',
    }
  },
  commentsCard: {
    [theme.breakpoints.up("sm")]: {
      padding: 0,
    },
  },
  newComments: {
    fontWeight: 700,
    color: theme.palette.grey[1000],
  },
  postActions: {
    minWidth: 20,
    marginLeft: -5,
    "& .PostActionsButton-icon": {
      fontSize: 20,
    },
    "&:hover .PostActionsButton-icon": {
      color: theme.palette.grey[700],
    },
  },
  hideOnMobile: {
    [theme.breakpoints.down("xs")]: {
      display: "none",
    },
  },
  onlyMobile: {
    [theme.breakpoints.up("sm")]: {
      display: "none",
    },
  },
  expandedComments: {
    padding: "0 12px 8px",
  },
  interactionWrapper: {
    "&:hover": {
      opacity: 1,
    },
  },
  karmaDisplay: {
    width: KARMA_WIDTH,
    minWidth: KARMA_WIDTH,
  },
  card: {
    padding: `0 20px 16px ${KARMA_WIDTH}px`,
    cursor: "pointer",
    display: "flex",
    alignItems: "flex-end",
    gap: "70px",
    [theme.breakpoints.down("xs")]: {
      gap: "16px",
    },
  },
  cardText: {
    display: "-webkit-box",
    "-webkit-box-orient": "vertical",
    "-webkit-line-clamp": 3,
    overflow: "hidden",
    flexGrow: 1,
    fontWeight: 500,
    fontSize: 13,
    lineHeight: "150%",
    color: theme.palette.grey[600],
    maxHeight: 70,
    [theme.breakpoints.down("xs")]: {
      "-webkit-line-clamp": 4,
      lineHeight: "140%",
    },
  },
  cardImage: {
    borderRadius: theme.borderRadius.small,
    width: 124,
    minWidth: 124,
    height: 70,
    minHeight: 70,
    objectFit: "cover",
    [theme.breakpoints.down("xs")]: {
      width: 100,
    },
  },
});

export type EAPostsItemProps = PostsItemConfig & {
  hideSecondaryInfo?: boolean,
  classes: ClassesType<typeof styles>,
};

const EAPostsItem = ({
  hideSecondaryInfo,
  classes,
  ...props
}: EAPostsItemProps) => {
  const {
    post,
    postLink,
    tagRel,
    commentCount,
    hasUnreadComments,
    sticky,
    showDraftTag,
    showPersonalIcon,
    showTrailingButtons,
    showMostValuableCheckbox,
    showDismissButton,
    onDismiss,
    onArchive,
    resumeReading,
    strikethroughTitle,
    curatedIconLeft,
    showIcons,
    isRead,
    showReadCheckbox,
    tooltipPlacement,
    toggleComments,
    renderComments,
    commentTerms,
    condensedAndHiddenComments,
    isRepeated,
    analyticsProps,
    viewType,
    isVoteable,
    useCuratedDate,
    className,
  } = usePostsItem(props);
  const {onClick} = useClickableCell({href: postLink});
  const cardView = viewType === "card";

  if (isRepeated) {
    return null;
  }

  const {
    PostsTitle, ForumIcon, PostActionsButton, EAKarmaDisplay, EAPostMeta,
    PostsItemTagRelevance, PostsItemTooltipWrapper, PostsVote,
    PostsItemTrailingButtons, PostReadCheckbox, PostsItemNewCommentsWrapper,
    PostMostValuableCheckbox,
  } = Components;

  const SecondaryInfo = () => (hideSecondaryInfo || showMostValuableCheckbox) ? null : (
    <>
      <InteractionWrapper className={classes.interactionWrapper}>
        <a onClick={toggleComments} className={classNames(
          classes.comments,
          cardView && classes.commentsCard,
          hasUnreadComments && classes.newComments,
        )}>
          <ForumIcon icon="Comment" />
          {commentCount}
        </a>
      </InteractionWrapper>
      <div className={classes.postActions}>
        <InteractionWrapper className={classes.interactionWrapper}>
          <PostActionsButton post={post} popperGap={16} autoPlace vertical />
        </InteractionWrapper>
      </div>
      {tagRel &&
        <div className={classes.tagRelWrapper}>
          <InteractionWrapper className={classes.interactionWrapper}>
            <PostsItemTagRelevance tagRel={tagRel} />
          </InteractionWrapper>
        </div>
      }
    </>
  );

  // The nesting here gets a little messy: we need to add the extra `Link`
  // around the title to make it right-clickable/cmd+clickable. However,
  // clicking this adds a second history item when navigating to the post
  // normally requiring the user to press back twice to get to where they
  // started so we need to wrap that whole thing in an `InteractionWrapper`
  // too.
  const TitleWrapper: FC<PropsWithChildren<{}>> = ({children}) => (
    <PostsItemTooltipWrapper post={post} placement={tooltipPlacement} As="span">
      <InteractionWrapper className={classes.titleWrapper}>
        <Link to={postLink}>{children}</Link>
      </InteractionWrapper>
    </PostsItemTooltipWrapper>
  );

  return (
    <AnalyticsContext {...analyticsProps}>
      <div className={classNames(
        classes.root,
        cardView && classes.rootCard,
        className,
      )}>
        {showReadCheckbox &&
          <div className={classes.readCheckbox}>
            <PostReadCheckbox post={post} width={14} />
          </div>
        }
        <div className={classes.expandedCommentsWrapper}>
          <div onClick={onClick} className={classNames(
            classes.container,
            cardView && classes.containerCard
          )}>
            {isVoteable
              ? (
                <InteractionWrapper className={classNames(
                  classes.interactionWrapper,
                  classes.postsVote,
                )}>
                  <PostsVote post={post} />
                </InteractionWrapper>
              )
              : (
                <EAKarmaDisplay post={post} className={classes.karmaDisplay} />
              )
            }
            <div className={classes.details}>
              <PostsTitle
                {...{
                  post,
                  sticky,
                  showDraftTag,
                  showPersonalIcon,
                  strikethroughTitle,
                  curatedIconLeft,
                  showIcons,
                }}
                Wrapper={TitleWrapper}
                read={isRead && !showReadCheckbox}
                isLink={false}
                showEventTag
                className={classes.title}
              />
              <div className={classes.meta}>
                <EAPostMeta post={post} useCuratedDate={useCuratedDate} />
                <div className={classNames(
                  classes.secondaryContainer,
                  classes.onlyMobile,
                )}>
                  <SecondaryInfo />
                </div>
              </div>
            </div>
            <div className={classNames(
              classes.secondaryContainer,
              cardView && classes.secondaryContainerCard,
              classes.hideOnMobile,
            )}>
              <SecondaryInfo />
            </div>
            {showMostValuableCheckbox && <div className={classes.secondaryContainer}>
              <InteractionWrapper className={classes.interactionWrapper}>
                <PostMostValuableCheckbox post={post} />
              </InteractionWrapper>
            </div>}
            <InteractionWrapper className={classes.interactionWrapper}>
              <PostsItemTrailingButtons
                showArchiveButton={false}
                {...{
                  post,
                  showTrailingButtons,
                  showMostValuableCheckbox,
                  showDismissButton,
                  resumeReading,
                  onDismiss,
                  onArchive,
                }}
              />
            </InteractionWrapper>
          </div>
          {cardView &&
            <div className={classes.card} onClick={onClick}>
              <div className={classes.cardText}>
                {post.contents?.plaintextDescription}
              </div>
              {post.socialPreviewData.imageUrl &&
                <img
                  src={post.socialPreviewData.imageUrl}
                  alt={post.title}
                  className={classes.cardImage}
                />
              }
            </div>
          }
          {renderComments &&
            <div className={classes.expandedComments}>
              <PostsItemNewCommentsWrapper
                terms={commentTerms}
                post={post}
                treeOptions={{
                  highlightDate: post.lastVisitedAt ?? undefined,
                  condensed: condensedAndHiddenComments,
                }}
              />
            </div>
          }
        </div>
      </div>
    </AnalyticsContext>
  );
}

const EAPostsItemComponent = registerComponent(
  "EAPostsItem",
  EAPostsItem,
  {
    styles,
    stylePriority: 1,
    hocs: [withErrorBoundary],
    areEqual: {
      terms: "deep",
    },
  },
);

declare global {
  interface ComponentTypes {
    EAPostsItem: typeof EAPostsItemComponent
  }
}

1	import React, { FC, PropsWithChildren } from "react";	3✔
2	import { registerComponent, Components } from "../../lib/vulcan-lib";	1✔
3	import { AnalyticsContext } from "../../lib/analyticsEvents";	1✔
4	import { usePostsItem, PostsItemConfig } from "./usePostsItem";	1✔
5	import { Link } from "../../lib/reactRouterWrapper";	1✔
6	import { SECTION_WIDTH } from "../common/SingleColumnSection";	1✔
7	import withErrorBoundary from "../common/withErrorBoundary";	1✔
8	import classNames from "classnames";	1✔
9	import { InteractionWrapper, useClickableCell } from "../common/useClickableCell";	1✔
10
11	const KARMA_WIDTH = 50;	1✔
12
13	export const styles = (theme: ThemeType) => ({	1✔
14	root: {
15	display: "flex",
16	alignItems: "center",
17	justifyContent: "space-between",
18	maxWidth: SECTION_WIDTH,
19	fontFamily: theme.palette.fonts.sansSerifStack,
20	},
21	rootCard: {
22	marginBottom: 2,
23	},
24	readCheckbox: {
25	minWidth: 24,
26	[theme.breakpoints.down("xs")]: {
27	marginLeft: -12,
28	},
29	},
30	expandedCommentsWrapper: {
31	display: "flex",
32	flexDirection: "column",
33	minWidth: "100%",
34	maxWidth: "100%",
35	background: theme.palette.grey[0],
36	border: `1px solid ${theme.palette.grey[100]}`,
37	borderRadius: theme.borderRadius.default,
38	"&:hover": {
39	background: theme.palette.grey[50],
40	border: `1px solid ${theme.palette.grey[250]}`,
41	},
42	"&:hover .PostsItemTrailingButtons-actions": {
43	opacity: 0.2,
44	},
45	"&:hover .PostsItemTrailingButtons-archiveButton": {
46	opacity: 0.2,
47	},
48	},
49	container: {
50	position: "relative",
51	flexGrow: 1,
52	maxWidth: "100%",
53	display: "flex",
54	alignItems: "center",
55	padding: "8px 12px 8px 0",
56	fontWeight: 500,
57	fontSize: 13,
58	color: theme.palette.grey[600],
59	cursor: "pointer",
60	[theme.breakpoints.down("xs")]: {
61	paddingRight: 12,
62	},
63	},
64	containerCard: {
65	paddingTop: 16,
66	},
67	postsVote: {
68	position: "relative",
69	fontSize: 30,
70	textAlign: "center",
71	"& .PostsVoteDefault-voteBlock": {
72	marginTop: -5,
73	},
74	},
75	tagRelWrapper: {
76	position: "relative",
77	transform: "translateY(1px)",
78	marginLeft: 44,
79	marginRight: 14,
80	},
81	details: {
82	flexGrow: 1,
83	minWidth: 0, // flexbox black magic
84	},
85	titleWrapper: {
86	display: "inline",
87	},
88	title: {
89	fontWeight: 600,
90	fontSize: 16,
91	fontFamily: theme.palette.fonts.sansSerifStack,
92	marginBottom: 2,
93	[theme.breakpoints.up("sm")]: {
94	display: "flex",
95	maxWidth: "100%",
96	},
97	[theme.breakpoints.down("xs")]: {
98	display: "-webkit-box",
99	"-webkit-box-orient": "vertical",
100	"-webkit-line-clamp": 3,
101	},
102	},
103	meta: {
104	display: "flex",
105	alignItems: "center",
106	whiteSpace: "nowrap",
107	},
108	secondaryContainer: {
109	display: "flex",
110	alignItems: "center",
111	},
112	secondaryContainerCard: {
113	alignSelf: "flex-start",
114	},
115	comments: {
116	minWidth: 58,
117	marginLeft: 4,
118	display: "flex",
119	alignItems: "center",
120	"& svg": {
121	height: 18,
122	marginRight: 1,
123	},
124	"&:hover": {
125	color: theme.palette.grey[800],
126	opacity: 1,
127	},
128	[theme.breakpoints.up("sm")]: {
129	padding: '10px 0',
130	}
131	},
132	commentsCard: {
133	[theme.breakpoints.up("sm")]: {
134	padding: 0,
135	},
136	},
137	newComments: {
138	fontWeight: 700,
139	color: theme.palette.grey[1000],
140	},
141	postActions: {
142	minWidth: 20,
143	marginLeft: -5,
144	"& .PostActionsButton-icon": {
145	fontSize: 20,
146	},
147	"&:hover .PostActionsButton-icon": {
148	color: theme.palette.grey[700],
149	},
150	},
151	hideOnMobile: {
152	[theme.breakpoints.down("xs")]: {
153	display: "none",
154	},
155	},
156	onlyMobile: {
157	[theme.breakpoints.up("sm")]: {
158	display: "none",
159	},
160	},
161	expandedComments: {
162	padding: "0 12px 8px",
163	},
164	interactionWrapper: {
165	"&:hover": {
166	opacity: 1,
167	},
168	},
169	karmaDisplay: {
170	width: KARMA_WIDTH,
171	minWidth: KARMA_WIDTH,
172	},
173	card: {
174	padding: `0 20px 16px ${KARMA_WIDTH}px`,
175	cursor: "pointer",
176	display: "flex",
177	alignItems: "flex-end",
178	gap: "70px",
179	[theme.breakpoints.down("xs")]: {
180	gap: "16px",
181	},
182	},
183	cardText: {
184	display: "-webkit-box",
185	"-webkit-box-orient": "vertical",
186	"-webkit-line-clamp": 3,
187	overflow: "hidden",
188	flexGrow: 1,
189	fontWeight: 500,
190	fontSize: 13,
191	lineHeight: "150%",
192	color: theme.palette.grey[600],
193	maxHeight: 70,
194	[theme.breakpoints.down("xs")]: {
195	"-webkit-line-clamp": 4,
196	lineHeight: "140%",
197	},
198	},
199	cardImage: {
200	borderRadius: theme.borderRadius.small,
201	width: 124,
202	minWidth: 124,
203	height: 70,
204	minHeight: 70,
205	objectFit: "cover",
206	[theme.breakpoints.down("xs")]: {
207	width: 100,
208	},
209	},
210	});
211
212	export type EAPostsItemProps = PostsItemConfig & {
213	hideSecondaryInfo?: boolean,
214	classes: ClassesType<typeof styles>,
215	};
216
217	const EAPostsItem = ({	1✔
218	hideSecondaryInfo,
219	classes,
220	...props
221	}: EAPostsItemProps) => {
222	const {
223	post,
224	postLink,
225	tagRel,
226	commentCount,
227	hasUnreadComments,
228	sticky,
229	showDraftTag,
230	showPersonalIcon,
231	showTrailingButtons,
232	showMostValuableCheckbox,
233	showDismissButton,
234	onDismiss,
235	onArchive,
236	resumeReading,
237	strikethroughTitle,
238	curatedIconLeft,
239	showIcons,
240	isRead,
241	showReadCheckbox,
242	tooltipPlacement,
243	toggleComments,
244	renderComments,
245	commentTerms,
246	condensedAndHiddenComments,
247	isRepeated,
248	analyticsProps,
249	viewType,
250	isVoteable,
251	useCuratedDate,
252	className,
253	} = usePostsItem(props);	×
254	const {onClick} = useClickableCell({href: postLink});	×
NEW 255	const cardView = viewType === "card";	×
256
257	if (isRepeated) {	×
258	return null;	×
259	}
260
261	const {
262	PostsTitle, ForumIcon, PostActionsButton, EAKarmaDisplay, EAPostMeta,
263	PostsItemTagRelevance, PostsItemTooltipWrapper, PostsVote,
264	PostsItemTrailingButtons, PostReadCheckbox, PostsItemNewCommentsWrapper,
265	PostMostValuableCheckbox,
266	} = Components;	×
267
268	const SecondaryInfo = () => (hideSecondaryInfo \|\| showMostValuableCheckbox) ? null : (	×
269	<>
270	<InteractionWrapper className={classes.interactionWrapper}>
271	<a onClick={toggleComments} className={classNames(
272	classes.comments,
273	cardView && classes.commentsCard,	×
274	hasUnreadComments && classes.newComments,	×
275	)}>
276	<ForumIcon icon="Comment" />
277	{commentCount}
278	</a>
279	</InteractionWrapper>
280	<div className={classes.postActions}>
281	<InteractionWrapper className={classes.interactionWrapper}>
282	<PostActionsButton post={post} popperGap={16} autoPlace vertical />
283	</InteractionWrapper>
284	</div>
285	{tagRel &&	×
286	<div className={classes.tagRelWrapper}>
287	<InteractionWrapper className={classes.interactionWrapper}>
288	<PostsItemTagRelevance tagRel={tagRel} />
289	</InteractionWrapper>
290	</div>
291	}
292	</>
293	);
294
295	// The nesting here gets a little messy: we need to add the extra `Link`
296	// around the title to make it right-clickable/cmd+clickable. However,
297	// clicking this adds a second history item when navigating to the post
298	// normally requiring the user to press back twice to get to where they
299	// started so we need to wrap that whole thing in an `InteractionWrapper`
300	// too.
301	const TitleWrapper: FC<PropsWithChildren<{}>> = ({children}) => (	×
302	<PostsItemTooltipWrapper post={post} placement={tooltipPlacement} As="span">	×
303	<InteractionWrapper className={classes.titleWrapper}>
304	<Link to={postLink}>{children}</Link>
305	</InteractionWrapper>
306	</PostsItemTooltipWrapper>
307	);
308
309	return (	×
310	<AnalyticsContext {...analyticsProps}>
311	<div className={classNames(
312	classes.root,
313	cardView && classes.rootCard,	×
314	className,
315	)}>
316	{showReadCheckbox &&	×
317	<div className={classes.readCheckbox}>
318	<PostReadCheckbox post={post} width={14} />
319	</div>
320	}
321	<div className={classes.expandedCommentsWrapper}>
322	<div onClick={onClick} className={classNames(
323	classes.container,
324	cardView && classes.containerCard	×
325	)}>
326	{isVoteable
327	? (
328	<InteractionWrapper className={classNames(	×
329	classes.interactionWrapper,
330	classes.postsVote,
331	)}>
332	<PostsVote post={post} />
333	</InteractionWrapper>
334	)
335	: (
336	<EAKarmaDisplay post={post} className={classes.karmaDisplay} />
337	)
338	}
339	<div className={classes.details}>
340	<PostsTitle
341	{...{
342	post,
343	sticky,
344	showDraftTag,
345	showPersonalIcon,
346	strikethroughTitle,
347	curatedIconLeft,
348	showIcons,
349	}}
350	Wrapper={TitleWrapper}
351	read={isRead && !showReadCheckbox}	×
352	isLink={false}
353	showEventTag
354	className={classes.title}
355	/>
356	<div className={classes.meta}>
357	<EAPostMeta post={post} useCuratedDate={useCuratedDate} />
358	<div className={classNames(
359	classes.secondaryContainer,
360	classes.onlyMobile,
361	)}>
362	<SecondaryInfo />
363	</div>
364	</div>
365	</div>
366	<div className={classNames(
367	classes.secondaryContainer,
368	cardView && classes.secondaryContainerCard,	×
369	classes.hideOnMobile,
370	)}>
371	<SecondaryInfo />
372	</div>
373	{showMostValuableCheckbox && <div className={classes.secondaryContainer}>	×
374	<InteractionWrapper className={classes.interactionWrapper}>
375	<PostMostValuableCheckbox post={post} />
376	</InteractionWrapper>
377	</div>}
378	<InteractionWrapper className={classes.interactionWrapper}>
379	<PostsItemTrailingButtons
380	showArchiveButton={false}
381	{...{
382	post,
383	showTrailingButtons,
384	showMostValuableCheckbox,
385	showDismissButton,
386	resumeReading,
387	onDismiss,
388	onArchive,
389	}}
390	/>
391	</InteractionWrapper>
392	</div>
393	{cardView &&	×
394	<div className={classes.card} onClick={onClick}>
395	<div className={classes.cardText}>
396	{post.contents?.plaintextDescription}	×
397	</div>
398	{post.socialPreviewData.imageUrl &&	×
399	<img
400	src={post.socialPreviewData.imageUrl}
401	alt={post.title}
402	className={classes.cardImage}
403	/>
404	}
405	</div>
406	}
407	{renderComments &&	×
408	<div className={classes.expandedComments}>
409	<PostsItemNewCommentsWrapper
410	terms={commentTerms}
411	post={post}
412	treeOptions={{
413	highlightDate: post.lastVisitedAt ?? undefined,	×
414	condensed: condensedAndHiddenComments,
415	}}
416	/>
417	</div>
418	}
419	</div>
420	</div>
421	</AnalyticsContext>
422	);
423	}
424
425	const EAPostsItemComponent = registerComponent(	1✔
426	"EAPostsItem",
427	EAPostsItem,
428	{
429	styles,
430	stylePriority: 1,
431	hocs: [withErrorBoundary],
432	areEqual: {
433	terms: "deep",
434	},
435	},
436	);
437
438	declare global {
439	interface ComponentTypes {
440	EAPostsItem: typeof EAPostsItemComponent
441	}
442	}

ForumMagnum / ForumMagnum / 8853353950

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