10783820844

Committed 10 Sep 2024 12:59AM UTC coverage: 31.87%. Remained the same

Build # 10783820844

Build Type

push

github

Committed by

ben-pace

Commit Message

wip

Run Details

5076 of 41310 branches covered (12.29%)

Branch coverage included in aggregate %.

4 of 7 new or added lines in 4 files covered. (57.14%)

1 existing line in 1 file now uncovered.

29398 of 66861 relevant lines covered (43.97%)

185.11 hits per line

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

46.67

/packages/lesswrong/components/posts/PostsAnnualReviewMarketTag.tsx

import { AnnualReviewMarketInfo } from '../../lib/annualReviewMarkets';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import React from 'react';
import { useHover } from '../common/withHover';
import { highlightReviewWinnerThresholdSetting } from '@/lib/instanceSettings';
import { tagStyle } from '../tagging/FooterTag';
import { isFriendlyUI } from '@/themes/forumTheme';

const styles = (theme: ThemeType) => ({
  expectedWinner: {
    color: theme.palette.review.winner,
    border: '1px solid',
    borderColor: theme.palette.review.winner,
    borderRadius: '4px',
    fontFamily: theme.typography.fontFamily,
    width: 'fit-content',
    display: 'inline-block',
    padding: '5px',
    boxSizing: 'border-box',

    paddingLeft: 6,
    paddingRight: 6,
    marginRight: isFriendlyUI ? 3 : undefined,
    marginBottom: isFriendlyUI ? 8 : undefined,
    fontWeight: theme.typography.body1.fontWeight,
    ...theme.typography.commentStyle,
    cursor: "pointer",
    whiteSpace: isFriendlyUI ? "nowrap": undefined,
  },
  expectedLoser: {
    color: theme.palette.tag.text,
    fontFamily: theme.typography.fontFamily,
    width: 'fit-content',
    display: 'inline-block',
    padding: '5px',
    
    paddingLeft: 6,
    paddingRight: 6,
    marginRight: isFriendlyUI ? 3 : undefined,
    marginBottom: isFriendlyUI ? 8 : undefined,
    fontWeight: theme.typography.body1.fontWeight,
    ...theme.typography.commentStyle,
    cursor: "pointer",
    whiteSpace: isFriendlyUI ? "nowrap": undefined,
  },
  preview: {
    maxWidth: 400,
  },
});

const PostsAnnualReviewMarketTag = ({ post, annualReviewMarketInfo, classes }: {
  post: PostsWithNavigation | PostsWithNavigationAndRevision | PostsList | SunshinePostsList,
  annualReviewMarketInfo: AnnualReviewMarketInfo,
  classes: ClassesType<typeof styles>,
}) => {

  const { CommentsNode, LWPopper } = Components;
  const { anchorEl, hover, eventHandlers } = useHover();

  const { annualReviewMarketComment } = post;

  const golden = (annualReviewMarketInfo.probability >= highlightReviewWinnerThresholdSetting.get()) ? "expectedWinner" : "expectedLoser"

  const decimalPlaces = 0;
  return <span>
    <div className={classes[golden]} {...eventHandlers}>
      {annualReviewMarketInfo.year} Top Fifty: {parseFloat((annualReviewMarketInfo.probability * 100).toFixed(decimalPlaces))}%
      {!!annualReviewMarketComment &&
        <LWPopper
          open={hover}
          anchorEl={anchorEl}
          placement="bottom-end"
          clickable={true}
        >
          <div className={classes.preview}>
            <CommentsNode
              truncated
              nestingLevel={1}
              comment={annualReviewMarketComment}
              treeOptions={{
                post: post,
                forceNotSingleLine: true,
              }}
              hoverPreview
            />
          </div>
        </LWPopper>
      }
    </div>
  </span>
};

const PostsAnnualReviewMarketTagComponent = registerComponent('PostsAnnualReviewMarketTag', PostsAnnualReviewMarketTag, { styles });

declare global {
  interface ComponentTypes {
    PostsAnnualReviewMarketTag: typeof PostsAnnualReviewMarketTagComponent
  }
}

1	import { AnnualReviewMarketInfo } from '../../lib/annualReviewMarkets';
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import React from 'react';	1✔
4	import { useHover } from '../common/withHover';	1✔
5	import { highlightReviewWinnerThresholdSetting } from '@/lib/instanceSettings';	1✔
6	import { tagStyle } from '../tagging/FooterTag';
7	import { isFriendlyUI } from '@/themes/forumTheme';	1✔
8
9	const styles = (theme: ThemeType) => ({	1✔
10	expectedWinner: {
11	color: theme.palette.review.winner,
12	border: '1px solid',
13	borderColor: theme.palette.review.winner,
14	borderRadius: '4px',
15	fontFamily: theme.typography.fontFamily,
16	width: 'fit-content',
17	display: 'inline-block',
18	padding: '5px',
19	boxSizing: 'border-box',
20
21	paddingLeft: 6,
22	paddingRight: 6,
23	marginRight: isFriendlyUI ? 3 : undefined,	1!
24	marginBottom: isFriendlyUI ? 8 : undefined,	1!
25	fontWeight: theme.typography.body1.fontWeight,
26	...theme.typography.commentStyle,
27	cursor: "pointer",
28	whiteSpace: isFriendlyUI ? "nowrap": undefined,	1!
29	},
30	expectedLoser: {
31	color: theme.palette.tag.text,
32	fontFamily: theme.typography.fontFamily,
33	width: 'fit-content',
34	display: 'inline-block',
35	padding: '5px',
36
37	paddingLeft: 6,
38	paddingRight: 6,
39	marginRight: isFriendlyUI ? 3 : undefined,	1!
40	marginBottom: isFriendlyUI ? 8 : undefined,	1!
41	fontWeight: theme.typography.body1.fontWeight,
42	...theme.typography.commentStyle,
43	cursor: "pointer",
44	whiteSpace: isFriendlyUI ? "nowrap": undefined,	1!
45	},
46	preview: {
47	maxWidth: 400,
48	},
49	});
50
51	const PostsAnnualReviewMarketTag = ({ post, annualReviewMarketInfo, classes }: {	1✔
52	post: PostsWithNavigation \| PostsWithNavigationAndRevision \| PostsList \| SunshinePostsList,
53	annualReviewMarketInfo: AnnualReviewMarketInfo,
54	classes: ClassesType<typeof styles>,
55	}) => {
56
57	const { CommentsNode, LWPopper } = Components;	×
58	const { anchorEl, hover, eventHandlers } = useHover();	×
59
60	const { annualReviewMarketComment } = post;	×
61
NEW 62	const golden = (annualReviewMarketInfo.probability >= highlightReviewWinnerThresholdSetting.get()) ? "expectedWinner" : "expectedLoser"	×
63
64	const decimalPlaces = 0;	×
65	return <span>	×
66	<div className={classes[golden]} {...eventHandlers}>
67	{annualReviewMarketInfo.year} Top Fifty: {parseFloat((annualReviewMarketInfo.probability * 100).toFixed(decimalPlaces))}%
68	{!!annualReviewMarketComment &&	×
69	<LWPopper
70	open={hover}
71	anchorEl={anchorEl}
72	placement="bottom-end"
73	clickable={true}
74	>
75	<div className={classes.preview}>
76	<CommentsNode
77	truncated
78	nestingLevel={1}
79	comment={annualReviewMarketComment}
80	treeOptions={{
81	post: post,
82	forceNotSingleLine: true,
83	}}
84	hoverPreview
85	/>
86	</div>
87	</LWPopper>
88	}
89	</div>
90	</span>
91	};
92
93	const PostsAnnualReviewMarketTagComponent = registerComponent('PostsAnnualReviewMarketTag', PostsAnnualReviewMarketTag, { styles });	1✔
94
95	declare global {
96	interface ComponentTypes {
97	PostsAnnualReviewMarketTag: typeof PostsAnnualReviewMarketTagComponent
98	}
99	}

ForumMagnum / ForumMagnum / 10783820844

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