10854991388

Committed 13 Sep 2024 07:28PM UTC coverage: 31.868% (-0.003%) from 31.871%

Build # 10854991388

Build Type

Pull #9748

github

Committed by

web-flow

Commit Message

Merge ad5263792 into 187ebd259

Pull Request Pull Request #9748: Supplanting review bot

Run Details

5080 of 41328 branches covered (12.29%)

Branch coverage included in aggregate %.

21 of 41 new or added lines in 13 files covered. (51.22%)

6 existing lines in 2 files now uncovered.

29402 of 66876 relevant lines covered (43.96%)

185.16 hits per line

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

50.0

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

import { AnnualReviewMarketInfo, highlightMarket } from '../../lib/collections/posts/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';
import Card from '@material-ui/core/Card';
import { FRIENDLY_HOVER_OVER_WIDTH } from '../common/FriendlyHoverOver';

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,
  },
  card: {
    padding: 16,
    ...(isFriendlyUI
      ? {
        paddingTop: 12,
        width: FRIENDLY_HOVER_OVER_WIDTH,
      }
      : {
        width: 450,
        paddingTop: 8,
      }),
  },
});

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

  const { HoverOver, ContentStyles, ContentItemBody } = Components;
  const { anchorEl, hover, eventHandlers } = useHover();

  const year = annualReviewMarketInfo.year
  const marketUrl = annualReviewMarketInfo.url

  const golden = (highlightMarket(annualReviewMarketInfo)) ? "expectedWinner" : "expectedLoser"
  const tooltipBody = `<p>The <a href="https://www.lesswrong.com/bestoflesswrong">LessWrong Review</a> runs every year to select the posts that have most stood the test of time. This post is not yet eligible for review, but will be at the end of ${year+1}. The top fifty or so posts are featured prominently on the site throughout the year.</p><p>Hopefully, the review is better than karma at judging enduring value. If we have accurate prediction markets on the review results, maybe we can have better incentives on LessWrong today. <a href="${marketUrl}">Will this post make the top fifty?</a></p>
  `

  const decimalPlaces = 0;
  return <span>
    <div className={classes[golden]} {...eventHandlers}>
      {<HoverOver
          title={
            <Card className={classes.card}>
              <ContentStyles contentType="comment">
                <ContentItemBody dangerouslySetInnerHTML={{ __html: tooltipBody }} />
              </ContentStyles>
            </Card>
          }
          tooltip={false}
          clickable={true}
        >
        <div className={classes.preview}>
          {annualReviewMarketInfo.year} Top Fifty: {parseFloat((annualReviewMarketInfo.probability * 100).toFixed(decimalPlaces))}%
        </div>
      </HoverOver>
      }
    </div>
  </span>
};

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

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

1	import { AnnualReviewMarketInfo, highlightMarket } from '../../lib/collections/posts/annualReviewMarkets';	1✔
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';
6	import { tagStyle } from '../tagging/FooterTag';
7	import { isFriendlyUI } from '@/themes/forumTheme';	1✔
8	import Card from '@material-ui/core/Card';	1✔
9	import { FRIENDLY_HOVER_OVER_WIDTH } from '../common/FriendlyHoverOver';	1✔
10
11	const styles = (theme: ThemeType) => ({	1✔
12	expectedWinner: {
13	color: theme.palette.review.winner,
14	border: '1px solid',
15	borderColor: theme.palette.review.winner,
16	borderRadius: '4px',
17	fontFamily: theme.typography.fontFamily,
18	width: 'fit-content',
19	display: 'inline-block',
20	padding: '5px',
21	boxSizing: 'border-box',
22
23	paddingLeft: 6,
24	paddingRight: 6,
25	marginRight: isFriendlyUI ? 3 : undefined,	1!
26	marginBottom: isFriendlyUI ? 8 : undefined,	1!
27	fontWeight: theme.typography.body1.fontWeight,
28	...theme.typography.commentStyle,
29	cursor: "pointer",
30	whiteSpace: isFriendlyUI ? "nowrap": undefined,	1!
31	},
32	expectedLoser: {
33	color: theme.palette.tag.text,
34	fontFamily: theme.typography.fontFamily,
35	width: 'fit-content',
36	display: 'inline-block',
37	padding: '5px',
38
39	paddingLeft: 6,
40	paddingRight: 6,
41	marginRight: isFriendlyUI ? 3 : undefined,	1!
42	marginBottom: isFriendlyUI ? 8 : undefined,	1!
43	fontWeight: theme.typography.body1.fontWeight,
44	...theme.typography.commentStyle,
45	cursor: "pointer",
46	whiteSpace: isFriendlyUI ? "nowrap": undefined,	1!
47	},
48	preview: {
49	maxWidth: 400,
50	},
51	card: {
52	padding: 16,
53	...(isFriendlyUI
54	? {	1!
55	paddingTop: 12,
56	width: FRIENDLY_HOVER_OVER_WIDTH,
57	}
58	: {
59	width: 450,
60	paddingTop: 8,
61	}),
62	},
63	});
64
65	const PostsAnnualReviewMarketTag = ({ post, annualReviewMarketInfo, classes }: {	1✔
66	post: PostsWithNavigation \| PostsWithNavigationAndRevision \| PostsList \| SunshinePostsList,
67	annualReviewMarketInfo: AnnualReviewMarketInfo,
68	classes: ClassesType<typeof styles>,
69	}) => {
70
NEW 71	const { HoverOver, ContentStyles, ContentItemBody } = Components;	×
72	const { anchorEl, hover, eventHandlers } = useHover();	×
73
NEW 74	const year = annualReviewMarketInfo.year	×
NEW 75	const marketUrl = annualReviewMarketInfo.url	×
76
NEW 77	const golden = (highlightMarket(annualReviewMarketInfo)) ? "expectedWinner" : "expectedLoser"	×
NEW 78	const tooltipBody = `<p>The <a href="https://www.lesswrong.com/bestoflesswrong">LessWrong Review</a> runs every year to select the posts that have most stood the test of time. This post is not yet eligible for review, but will be at the end of ${year+1}. The top fifty or so posts are featured prominently on the site throughout the year.</p><p>Hopefully, the review is better than karma at judging enduring value. If we have accurate prediction markets on the review results, maybe we can have better incentives on LessWrong today. <a href="${marketUrl}">Will this post make the top fifty?</a></p>	×
79	`
80
81	const decimalPlaces = 0;	×
82	return <span>	×
83	<div className={classes[golden]} {...eventHandlers}>
84	{<HoverOver
85	title={
86	<Card className={classes.card}>
87	<ContentStyles contentType="comment">
88	<ContentItemBody dangerouslySetInnerHTML={{ __html: tooltipBody }} />
89	</ContentStyles>
90	</Card>
91	}
92	tooltip={false}
93	clickable={true}
94	>
95	<div className={classes.preview}>
96	{annualReviewMarketInfo.year} Top Fifty: {parseFloat((annualReviewMarketInfo.probability * 100).toFixed(decimalPlaces))}%
97	</div>
98	</HoverOver>
99	}
100	</div>
101	</span>
102	};
103
104	const PostsAnnualReviewMarketTagComponent = registerComponent('PostsAnnualReviewMarketTag', PostsAnnualReviewMarketTag, { styles });	1✔
105
106	declare global {
107	interface ComponentTypes {
108	PostsAnnualReviewMarketTag: typeof PostsAnnualReviewMarketTagComponent
109	}
110	}

ForumMagnum / ForumMagnum / 10854991388

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