9113399674

Committed 16 May 2024 07:01AM UTC coverage: 31.839% (-0.06%) from 31.901%

Build # 9113399674

Build Type

Pull #9269

github

Committed by

jimrandomh

Commit Message

Remove EmptyPageComponent reference that was accidentally added

Pull Request Pull Request #9269: Configure typescript, eslint and jest to allow absolute imports

Run Details

4762 of 39006 branches covered (12.21%)

Branch coverage included in aggregate %.

5 of 5 new or added lines in 2 files covered. (100.0%)

608 existing lines in 28 files now uncovered.

27724 of 63026 relevant lines covered (43.99%)

177.78 hits per line

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

28.07

/packages/lesswrong/components/posts/PostsItemDate.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { ExpandedDate } from '../common/FormatDate';
import moment from '../../lib/moment-timezone';
import { isFriendlyUI } from '../../themes/forumTheme';
import classNames from 'classnames';
import { useCurrentTime } from '../../lib/utils/timeUtil';

export const POSTED_AT_WIDTH = 38
export const START_TIME_WIDTH = 72

const customStyles = (theme: ThemeType) => isFriendlyUI
  ? {}
  : {
    fontWeight: 300,
    color: theme.palette.text.slightlyIntense2,
  };

const styles = (theme: ThemeType): JssStyles => ({
  postedAt: {
    ...(isFriendlyUI && {display: "flex"}),
    '&&': {
      cursor: "pointer",
      width: POSTED_AT_WIDTH,
      fontSize: "1rem",
      ...customStyles(theme),
      [theme.breakpoints.down('xs')]: {
        width: "auto",
      }
    }
  },
  isNew: {
    '&&': {
      fontWeight: 400
    }
  },
  startTime: {
    '&&': {
      cursor: "pointer",
      width: START_TIME_WIDTH,
      fontSize: "1rem",
      ...customStyles(theme),
      [theme.breakpoints.down('xs')]: {
        width: "auto",
      }
    }
  },
  tooltipSmallText: {
    ...theme.typography.tinyText,
    ...theme.typography.italic,
  },
  xsHide: {
    [theme.breakpoints.down('xs')]: {
      display: "none",
    },
  },
});

const PostsItemDate = ({post, noStyles, includeAgo, useCuratedDate, emphasizeIfNew, classes}: {
  post: PostsBase,
  noStyles?: boolean,
  includeAgo?: boolean,
  useCuratedDate?: boolean,
  emphasizeIfNew?: boolean,
  classes: ClassesType,
}) => {

  if (noStyles) {
    classes = {
      tooltipSmallText: classes.tooltipSmallText,
      xsHide: classes.xsHide,
    };
  }

  const now = useCurrentTime();
  const { PostsItem2MetaInfo, FormatDate, LWTooltip, TimeTag } = Components;

  if (post.isEvent && post.startTime) {
    return <LWTooltip
      placement="right"
      title={<span>
        <div className={classes.tooltipSmallText}>Event starts at</div>
        <Components.EventTime post={post} />
      </span>}
    >
      <PostsItem2MetaInfo className={classes.startTime}>
        {moment(post.startTime).format("YYYY")===moment(now).format("YYYY")
          ? <FormatDate date={post.startTime} format={"MMM Do"} tooltip={false}/>
          : <FormatDate date={post.startTime} format={"YYYY MMM Do"} tooltip={false}/>
        }
      </PostsItem2MetaInfo>
    </LWTooltip>
  }

  if (post.isEvent && !post.startTime) {
    return <LWTooltip
      placement="right"
      title={<span>To Be Determined</span>}
    >
      <PostsItem2MetaInfo className={classes.startTime}>
        TBD
      </PostsItem2MetaInfo>
    </LWTooltip>
  }

  const dateToDisplay = useCuratedDate
    ? post.curatedDate || post.postedAt
    : post.postedAt;
  const timeFromNow = moment(new Date(dateToDisplay)).fromNow();
  const ago = includeAgo && timeFromNow !== "now"
    ? <span className={classes.xsHide}>&nbsp;ago</span>
    : null;

  const dateElement = (
    <PostsItem2MetaInfo className={classes.postedAt}>
      <TimeTag dateTime={dateToDisplay}>
        {timeFromNow}
        {ago}
      </TimeTag>
    </PostsItem2MetaInfo>
  );

  if (post.curatedDate) {
    return <LWTooltip
      placement="right"
      title={<div>
        <div>Curated on <ExpandedDate date={post.curatedDate}/></div>
        <div>Posted on <ExpandedDate date={post.postedAt}/></div>
      </div>}
    >
      {dateElement}
    </LWTooltip>
  }

  const isEmphasized = emphasizeIfNew && moment(now).diff(post.postedAt, 'days') < 2;

  return <LWTooltip
    placement="right"
    title={<ExpandedDate date={post.postedAt}/>}
  >
    <PostsItem2MetaInfo className={classNames(classes.postedAt, {[classes.isNew]: isEmphasized})}>
      {dateElement}
    </PostsItem2MetaInfo>
  </LWTooltip>
}

const PostsItemDateComponent = registerComponent("PostsItemDate", PostsItemDate, {styles});

declare global {
  interface ComponentTypes {
    PostsItemDate: typeof PostsItemDateComponent
  }
}


1	import React from 'react';	3✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { ExpandedDate } from '../common/FormatDate';	1✔
4	import moment from '../../lib/moment-timezone';	1✔
5	import { isFriendlyUI } from '../../themes/forumTheme';	1✔
6	import classNames from 'classnames';	1✔
7	import { useCurrentTime } from '../../lib/utils/timeUtil';	1✔
8
9	export const POSTED_AT_WIDTH = 38	1✔
10	export const START_TIME_WIDTH = 72	1✔
11
12	const customStyles = (theme: ThemeType) => isFriendlyUI	2✔
13	? {}	2!
14	: {
15	fontWeight: 300,
16	color: theme.palette.text.slightlyIntense2,
17	};
18
19	const styles = (theme: ThemeType): JssStyles => ({	1✔
20	postedAt: {
21	...(isFriendlyUI && {display: "flex"}),	2✔
22	'&&': {
23	cursor: "pointer",
24	width: POSTED_AT_WIDTH,
25	fontSize: "1rem",
26	...customStyles(theme),
27	[theme.breakpoints.down('xs')]: {
28	width: "auto",
29	}
30	}
31	},
32	isNew: {
33	'&&': {
34	fontWeight: 400
35	}
36	},
37	startTime: {
38	'&&': {
39	cursor: "pointer",
40	width: START_TIME_WIDTH,
41	fontSize: "1rem",
42	...customStyles(theme),
43	[theme.breakpoints.down('xs')]: {
44	width: "auto",
45	}
46	}
47	},
48	tooltipSmallText: {
49	...theme.typography.tinyText,
50	...theme.typography.italic,
51	},
52	xsHide: {
53	[theme.breakpoints.down('xs')]: {
54	display: "none",
55	},
56	},
57	});
58
59	const PostsItemDate = ({post, noStyles, includeAgo, useCuratedDate, emphasizeIfNew, classes}: {	1✔
60	post: PostsBase,
61	noStyles?: boolean,
62	includeAgo?: boolean,
63	useCuratedDate?: boolean,
64	emphasizeIfNew?: boolean,
65	classes: ClassesType,
66	}) => {
67
68	if (noStyles) {	×
69	classes = {	×
70	tooltipSmallText: classes.tooltipSmallText,
71	xsHide: classes.xsHide,
72	};
73	}
74
75	const now = useCurrentTime();	×
76	const { PostsItem2MetaInfo, FormatDate, LWTooltip, TimeTag } = Components;	×
77
78	if (post.isEvent && post.startTime) {	×
79	return <LWTooltip	×
80	placement="right"
81	title={<span>
82	<div className={classes.tooltipSmallText}>Event starts at</div>
83	<Components.EventTime post={post} />
84	</span>}
85	>
86	<PostsItem2MetaInfo className={classes.startTime}>
87	{moment(post.startTime).format("YYYY")===moment(now).format("YYYY")
88	? <FormatDate date={post.startTime} format={"MMM Do"} tooltip={false}/>	×
89	: <FormatDate date={post.startTime} format={"YYYY MMM Do"} tooltip={false}/>
90	}
91	</PostsItem2MetaInfo>
92	</LWTooltip>
93	}
94
95	if (post.isEvent && !post.startTime) {	×
96	return <LWTooltip	×
97	placement="right"
98	title={<span>To Be Determined</span>}
99	>
100	<PostsItem2MetaInfo className={classes.startTime}>
101	TBD
102	</PostsItem2MetaInfo>
103	</LWTooltip>
104	}
105
106	const dateToDisplay = useCuratedDate	×
107	? post.curatedDate \|\| post.postedAt	×
108	: post.postedAt;
109	const timeFromNow = moment(new Date(dateToDisplay)).fromNow();	×
110	const ago = includeAgo && timeFromNow !== "now"	×
111	? <span className={classes.xsHide}> ago</span>	×
112	: null;
113
114	const dateElement = (
UNCOV 115	<PostsItem2MetaInfo className={classes.postedAt}>	×
116	<TimeTag dateTime={dateToDisplay}>
117	{timeFromNow}
118	{ago}
119	</TimeTag>
120	</PostsItem2MetaInfo>
121	);
122
UNCOV 123	if (post.curatedDate) {	×
UNCOV 124	return <LWTooltip	×
125	placement="right"
126	title={<div>
127	<div>Curated on <ExpandedDate date={post.curatedDate}/></div>
128	<div>Posted on <ExpandedDate date={post.postedAt}/></div>
129	</div>}
130	>
131	{dateElement}
132	</LWTooltip>
133	}
134
UNCOV 135	const isEmphasized = emphasizeIfNew && moment(now).diff(post.postedAt, 'days') < 2;	×
136
137	return <LWTooltip	×
138	placement="right"
139	title={<ExpandedDate date={post.postedAt}/>}
140	>
141	<PostsItem2MetaInfo className={classNames(classes.postedAt, {[classes.isNew]: isEmphasized})}>
142	{dateElement}
143	</PostsItem2MetaInfo>
144	</LWTooltip>
145	}
146
147	const PostsItemDateComponent = registerComponent("PostsItemDate", PostsItemDate, {styles});	1✔
148
149	declare global {
150	interface ComponentTypes {
151	PostsItemDate: typeof PostsItemDateComponent
152	}
153	}
154

ForumMagnum / ForumMagnum / 9113399674

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