9071520826

Committed 14 May 2024 12:06AM UTC coverage: 31.938% (-0.3%) from 32.239%

Build # 9071520826

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9277 from ForumMagnum/master

Merge master into LW Deploy

Run Details

4782 of 39026 branches covered (12.25%)

Branch coverage included in aggregate %.

2 of 4 new or added lines in 1 file covered. (50.0%)

1 existing line in 1 file now uncovered.

27816 of 63041 relevant lines covered (44.12%)

179.96 hits per line

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

46.88

/packages/lesswrong/components/common/LWHome.tsx

import { Components, registerComponent } from '../../lib/vulcan-lib';
import React, { useEffect } from 'react';
import { AnalyticsContext, useTracking } from "../../lib/analyticsEvents";
import { getReviewPhase, reviewIsActive, REVIEW_YEAR } from '../../lib/reviewUtils';
import { showReviewOnFrontPageIfActive } from '../../lib/publicSettings';
import { useCookiesWithConsent } from '../hooks/useCookiesWithConsent';
import { LAST_VISITED_FRONTPAGE_COOKIE } from '../../lib/cookies/cookies';
import moment from 'moment';
import { visitorGetsDynamicFrontpage } from '../../lib/betas';
import { commentBodyStyles, postBodyStyles, smallPostStyles } from '../../themes/stylePiping';
import { SECTION_WIDTH } from './SingleColumnSection';
import { Link } from '../../lib/reactRouterWrapper';

export const styles = (theme: ThemeType) => ({
  spotlight: {
    background: theme.palette.background.pageActiveAreaBackground,
    padding: 16,
    borderRadius: 3,
    marginBottom: 16,
    ...smallPostStyles(theme),
    position: "relative",
    [theme.breakpoints.down('md')]: {
      maxWidth: SECTION_WIDTH,
      margin: "auto",
      marginBottom: 16,
    }
  },
  spotlightText: {
    width: "calc(100% - 150px)",
    '& p': {
      ...commentBodyStyles(theme),
      '& a': {
        color: theme.palette.primary.main
      }
    },
    '& h3': {
      ...theme.typography.headerStyle,
      marginBottom: 8
    },
    '& h4': {
      fontSize: "1.2rem",
      fontStyle: "italic",
      marginBottom: 4,
      marginTop: 4,
    },
    zIndex: 1,
    position: "relative",
    background: `linear-gradient(to right, ${theme.palette.background.pageActiveAreaBackground} 230px, transparent calc(230px + 30%))`
  },
  spotlightImage: {
    height: "100%",
    position: "absolute",
    top: 0,
    right: 0,
    zIndex: 0
  },
  hideOnMobile: {
    [theme.breakpoints.down('sm')]: {
      display: "none"
    }
  }
})


const LWHome = ({classes}: {classes: ClassesType<typeof styles>}) => {
  const { DismissibleSpotlightItem, RecentDiscussionFeed, AnalyticsInViewTracker, FrontpageReviewWidget, 
    SingleColumnSection, FrontpageBestOfLWWidget, EAPopularCommentsSection, QuickTakesSection, LWHomePosts, CloudinaryImage2 } = Components
  const [_, setCookie] = useCookiesWithConsent([LAST_VISITED_FRONTPAGE_COOKIE]);

  useEffect(() => {
    if (visitorGetsDynamicFrontpage(null)) {
      setCookie(LAST_VISITED_FRONTPAGE_COOKIE, new Date().toISOString(), { path: "/", expires: moment().add(1, 'year').toDate() });
    }
  }, [setCookie])

  const { captureEvent } = useTracking();


  return (
      <AnalyticsContext pageContext="homePage">
        <React.Fragment>

          {reviewIsActive() && getReviewPhase() === "RESULTS" && <SingleColumnSection>
            <FrontpageBestOfLWWidget reviewYear={REVIEW_YEAR}/>
          </SingleColumnSection>}
          {reviewIsActive() && getReviewPhase() !== "RESULTS" && showReviewOnFrontPageIfActive.get() && <SingleColumnSection>
            <FrontpageReviewWidget reviewYear={REVIEW_YEAR}/>
          </SingleColumnSection>}
          {/* TODO: remove this after LessOnline sale */}
          <div className={classes.spotlight}>
            <div className={classes.spotlightText}>
              <h3><Link to={"/posts/MmWziepD8DDauSide/lessonline-festival-updates-thread"}>LessOnline Festival</Link></h3>
              <h4>Ticket Prices increase tomorrow</h4>
              <p>Join us May 31st - June 2nd, in Berkeley CA for a festival of truth-seeking, optimization, and blogging. <span className={classes.hideOnMobile}>We'll have writing workshops, rationality classes, puzzle hunts, and thoughtful conversations across a sprawling fractal campus of nooks and whiteboards.</span></p>
              <p><a onClick={() => captureEvent('frontpageCTAButtonClicked')} href="https://less.online" target="_blank" rel="noreferrer">Buy Tickets</a></p>
            </div>
            <CloudinaryImage2
              publicId={"spotlight3_ubpxgr"}
              darkPublicId={"darkmodespot3_zvefab"}
              className={classes.spotlightImage}
            />  
          </div>
          <AnalyticsInViewTracker
            eventProps={{inViewType: "homePosts"}}
            observerProps={{threshold:[0, 0.5, 1]}}
          >
            <LWHomePosts>
              <QuickTakesSection />
    
              <EAPopularCommentsSection />
    
              <RecentDiscussionFeed
                af={false}
                commentsLimit={4}
                maxAgeHours={18}
              />
            </LWHomePosts>
          </AnalyticsInViewTracker>
        </React.Fragment>
      </AnalyticsContext>
  )
}

const LWHomeComponent = registerComponent('LWHome', LWHome, {styles});

declare global {
  interface ComponentTypes {
    LWHome: typeof LWHomeComponent
  }
}

1	import { Components, registerComponent } from '../../lib/vulcan-lib';	3✔
2	import React, { useEffect } from 'react';	1✔
3	import { AnalyticsContext, useTracking } from "../../lib/analyticsEvents";	1✔
4	import { getReviewPhase, reviewIsActive, REVIEW_YEAR } from '../../lib/reviewUtils';	1✔
5	import { showReviewOnFrontPageIfActive } from '../../lib/publicSettings';	1✔
6	import { useCookiesWithConsent } from '../hooks/useCookiesWithConsent';	1✔
7	import { LAST_VISITED_FRONTPAGE_COOKIE } from '../../lib/cookies/cookies';	1✔
8	import moment from 'moment';	1✔
9	import { visitorGetsDynamicFrontpage } from '../../lib/betas';	1✔
10	import { commentBodyStyles, postBodyStyles, smallPostStyles } from '../../themes/stylePiping';	1✔
11	import { SECTION_WIDTH } from './SingleColumnSection';	1✔
12	import { Link } from '../../lib/reactRouterWrapper';	1✔
13
14	export const styles = (theme: ThemeType) => ({	1✔
15	spotlight: {
16	background: theme.palette.background.pageActiveAreaBackground,
17	padding: 16,
18	borderRadius: 3,
19	marginBottom: 16,
20	...smallPostStyles(theme),
21	position: "relative",
22	[theme.breakpoints.down('md')]: {
23	maxWidth: SECTION_WIDTH,
24	margin: "auto",
25	marginBottom: 16,
26	}
27	},
28	spotlightText: {
29	width: "calc(100% - 150px)",
30	'& p': {
31	...commentBodyStyles(theme),
32	'& a': {
33	color: theme.palette.primary.main
34	}
35	},
36	'& h3': {
37	...theme.typography.headerStyle,
38	marginBottom: 8
39	},
40	'& h4': {
41	fontSize: "1.2rem",
42	fontStyle: "italic",
43	marginBottom: 4,
44	marginTop: 4,
45	},
46	zIndex: 1,
47	position: "relative",
48	background: `linear-gradient(to right, ${theme.palette.background.pageActiveAreaBackground} 230px, transparent calc(230px + 30%))`
49	},
50	spotlightImage: {
51	height: "100%",
52	position: "absolute",
53	top: 0,
54	right: 0,
55	zIndex: 0
56	},
57	hideOnMobile: {
58	[theme.breakpoints.down('sm')]: {
59	display: "none"
60	}
61	}
62	})
63
64
65	const LWHome = ({classes}: {classes: ClassesType<typeof styles>}) => {	1✔
66	const { DismissibleSpotlightItem, RecentDiscussionFeed, AnalyticsInViewTracker, FrontpageReviewWidget,
67	SingleColumnSection, FrontpageBestOfLWWidget, EAPopularCommentsSection, QuickTakesSection, LWHomePosts, CloudinaryImage2 } = Components	×
68	const [_, setCookie] = useCookiesWithConsent([LAST_VISITED_FRONTPAGE_COOKIE]);	×
69
70	useEffect(() => {	×
71	if (visitorGetsDynamicFrontpage(null)) {	×
72	setCookie(LAST_VISITED_FRONTPAGE_COOKIE, new Date().toISOString(), { path: "/", expires: moment().add(1, 'year').toDate() });	×
73	}
74	}, [setCookie])
75
NEW 76	const { captureEvent } = useTracking();	×
77
78
79	return (	×
80	<AnalyticsContext pageContext="homePage">
81	<React.Fragment>	×
82
83	{reviewIsActive() && getReviewPhase() === "RESULTS" && <SingleColumnSection>
84	<FrontpageBestOfLWWidget reviewYear={REVIEW_YEAR}/>
85	</SingleColumnSection>}	×
86	{reviewIsActive() && getReviewPhase() !== "RESULTS" && showReviewOnFrontPageIfActive.get() && <SingleColumnSection>
87	<FrontpageReviewWidget reviewYear={REVIEW_YEAR}/>
88	</SingleColumnSection>}
89	{/* TODO: remove this after LessOnline sale */}
90	<div className={classes.spotlight}>
91	<div className={classes.spotlightText}>
92	<h3><Link to={"/posts/MmWziepD8DDauSide/lessonline-festival-updates-thread"}>LessOnline Festival</Link></h3>
93	<h4>Ticket Prices increase tomorrow</h4>
94	<p>Join us May 31st - June 2nd, in Berkeley CA for a festival of truth-seeking, optimization, and blogging. <span className={classes.hideOnMobile}>We'll have writing workshops, rationality classes, puzzle hunts, and thoughtful conversations across a sprawling fractal campus of nooks and whiteboards.</span></p>
NEW 95	<p><a onClick={() => captureEvent('frontpageCTAButtonClicked')} href="https://less.online" target="_blank" rel="noreferrer">Buy Tickets</a></p>	×
96	</div>
97	<CloudinaryImage2
98	publicId={"spotlight3_ubpxgr"}
99	darkPublicId={"darkmodespot3_zvefab"}
100	className={classes.spotlightImage}
101	/>
102	</div>
103	<AnalyticsInViewTracker
104	eventProps={{inViewType: "homePosts"}}
105	observerProps={{threshold:[0, 0.5, 1]}}
106	>
107	<LWHomePosts>
108	<QuickTakesSection />
109
110	<EAPopularCommentsSection />
111
112	<RecentDiscussionFeed
113	af={false}
114	commentsLimit={4}
115	maxAgeHours={18}
116	/>
117	</LWHomePosts>
118	</AnalyticsInViewTracker>
119	</React.Fragment>
120	</AnalyticsContext>
121	)
122	}
123
124	const LWHomeComponent = registerComponent('LWHome', LWHome, {styles});	1✔
125
126	declare global {
127	interface ComponentTypes {
128	LWHome: typeof LWHomeComponent
129	}
130	}

ForumMagnum / ForumMagnum / 9071520826

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