8908812441

Committed 01 May 2024 11:33AM UTC coverage: 32.209% (+0.2%) from 31.988%

Build # 8908812441

Build Type

Pull #9173

github

Committed by

agnesstenlund

Commit Message

EA Forum styling

Pull Request Pull Request #9173: CkEditor folding-sections plugin

Run Details

3563 of 28781 branches covered (12.38%)

Branch coverage included in aggregate %.

3 of 23 new or added lines in 4 files covered. (13.04%)

910 existing lines in 25 files now uncovered.

20497 of 45918 relevant lines covered (44.64%)

243.5 hits per line

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

32.81

/packages/lesswrong/components/ea-forum/EAHome.tsx

import React from 'react'
import { PublicInstanceSetting, isEAForum } from '../../lib/instanceSettings'
import { DatabasePublicSetting } from '../../lib/publicSettings'
import { Components, combineUrls, getSiteUrl, registerComponent } from '../../lib/vulcan-lib'
import { useCurrentUser } from '../common/withUser'
import { reviewIsActive, REVIEW_YEAR } from '../../lib/reviewUtils'
import { maintenanceTime } from '../common/MaintenanceBanner'
import { AnalyticsContext } from '../../lib/analyticsEvents'
import ForumNoSSR from '../common/ForumNoSSR'

const eaHomeSequenceIdSetting = new PublicInstanceSetting<string | null>('eaHomeSequenceId', null, "optional") // Sequence ID for the EAHomeHandbook sequence
const showSmallpoxSetting = new DatabasePublicSetting<boolean>('showSmallpox', false)
const showHandbookBannerSetting = new DatabasePublicSetting<boolean>('showHandbookBanner', false)
const showEventBannerSetting = new DatabasePublicSetting<boolean>('showEventBanner', false)
const showMaintenanceBannerSetting = new DatabasePublicSetting<boolean>('showMaintenanceBanner', false)
const isBotSiteSetting = new PublicInstanceSetting<boolean>('botSite.isBotSite', false, 'optional');

// TODO remove these once we have measured the effect (or after 2024-04-14)
const noSSRPopularCommentsSetting = new DatabasePublicSetting<boolean>('noSSRPopularComments', true)
const noSSRRecentDiscussionSetting = new DatabasePublicSetting<boolean>('noSSRRecentDiscussion', true)

/**
 * Build structured data to help with SEO.
 */
const getStructuredData = () => ({
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": `${getSiteUrl()}`,
  "potentialAction": {
    "@type": "SearchAction",
    "target": `${combineUrls(getSiteUrl(), '/search')}?query={search_term_string}`,
    "query-input": "required name=search_term_string"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": `${getSiteUrl()}`,
  },
  ...(isEAForum && {
    "description": [
      "A forum for discussions and updates on effective altruism. Topics covered include",
      "global health, AI safety, biosecurity, animal welfare, philosophy, policy, forecasting,",
      "and effective giving. Users can explore new posts, engage with the community,",
      "participate in recent discussions, and discover topics, events,",
      "and groups. An accessible space for sharing and learning about approaches to tackling",
      "the world's most pressing problems."
    ].join(' ')
  }),
})

const styles = (theme: ThemeType): JssStyles => ({
  spotlightMargin: {
    marginBottom: 24,
  },
});

const EAHome = ({classes}: {classes: ClassesType}) => {
  const currentUser = useCurrentUser();
  const {
    RecentDiscussionFeed, EAHomeMainContent, QuickTakesSection,
    SmallpoxBanner, EventBanner, MaintenanceBanner, FrontpageReviewWidget,
    SingleColumnSection, HomeLatestPosts, EAHomeCommunityPosts, HeadTags,
    EAPopularCommentsSection, BotSiteBanner, DismissibleSpotlightItem
  } = Components

  const recentDiscussionCommentsPerPost = (currentUser && currentUser.isAdmin) ? 4 : 3;
  const shouldRenderEventBanner = showEventBannerSetting.get()
  const shouldRenderSmallpox = showSmallpoxSetting.get()
  // Only show the maintenance banner if the the current time is before the maintenance time (plus 5 minutes leeway),
  // this is just so we don't have to rush to change the server settings as soon as the maintenance is done
  const maintenanceTimeValue = maintenanceTime.get()
  const isBeforeMaintenanceTime = maintenanceTimeValue && Date.now() < new Date(maintenanceTimeValue).getTime() + (5*60*1000)
  const shouldRenderMaintenanceBanner = showMaintenanceBannerSetting.get() && isBeforeMaintenanceTime
  const shouldRenderBotSiteBanner = isBotSiteSetting.get() && isEAForum

  return (
    <AnalyticsContext pageContext="homePage">
      <HeadTags structuredData={getStructuredData()}/>
      {shouldRenderMaintenanceBanner && <MaintenanceBanner />}
      {shouldRenderSmallpox && <SmallpoxBanner/>}
      {shouldRenderEventBanner && <EventBanner />}
      {shouldRenderBotSiteBanner && <BotSiteBanner />}

      {reviewIsActive() && <SingleColumnSection>
        <FrontpageReviewWidget reviewYear={REVIEW_YEAR}/>
      </SingleColumnSection>}

      <EAHomeMainContent FrontpageNode={
        () => <>
          <DismissibleSpotlightItem current className={classes.spotlightMargin} />
          <HomeLatestPosts />
          {!currentUser?.hideCommunitySection && <EAHomeCommunityPosts />}
          {isEAForum && <QuickTakesSection />}
          <ForumNoSSR if={!!currentUser && noSSRPopularCommentsSetting.get()}>
            <EAPopularCommentsSection />
          </ForumNoSSR>
          <ForumNoSSR if={!!currentUser && noSSRRecentDiscussionSetting.get()}>
            <RecentDiscussionFeed
              title="Recent discussion"
              af={false}
              commentsLimit={recentDiscussionCommentsPerPost}
              maxAgeHours={18}
            />
          </ForumNoSSR>
        </>
      } />
    </AnalyticsContext>
  )
}

const EAHomeComponent = registerComponent('EAHome', EAHome, {styles});

declare global {
  interface ComponentTypes {
    EAHome: typeof EAHomeComponent
  }
}

1	import React from 'react'	1✔
2	import { PublicInstanceSetting, isEAForum } from '../../lib/instanceSettings'	1✔
3	import { DatabasePublicSetting } from '../../lib/publicSettings'	1✔
4	import { Components, combineUrls, getSiteUrl, registerComponent } from '../../lib/vulcan-lib'	1✔
5	import { useCurrentUser } from '../common/withUser'	1✔
6	import { reviewIsActive, REVIEW_YEAR } from '../../lib/reviewUtils'	1✔
7	import { maintenanceTime } from '../common/MaintenanceBanner'	1✔
8	import { AnalyticsContext } from '../../lib/analyticsEvents'	1✔
9	import ForumNoSSR from '../common/ForumNoSSR'	1✔
10
11	const eaHomeSequenceIdSetting = new PublicInstanceSetting<string \| null>('eaHomeSequenceId', null, "optional") // Sequence ID for the EAHomeHandbook sequence	1✔
12	const showSmallpoxSetting = new DatabasePublicSetting<boolean>('showSmallpox', false)	1✔
13	const showHandbookBannerSetting = new DatabasePublicSetting<boolean>('showHandbookBanner', false)	1✔
14	const showEventBannerSetting = new DatabasePublicSetting<boolean>('showEventBanner', false)	1✔
15	const showMaintenanceBannerSetting = new DatabasePublicSetting<boolean>('showMaintenanceBanner', false)	1✔
16	const isBotSiteSetting = new PublicInstanceSetting<boolean>('botSite.isBotSite', false, 'optional');	1✔
17
18	// TODO remove these once we have measured the effect (or after 2024-04-14)
19	const noSSRPopularCommentsSetting = new DatabasePublicSetting<boolean>('noSSRPopularComments', true)	1✔
20	const noSSRRecentDiscussionSetting = new DatabasePublicSetting<boolean>('noSSRRecentDiscussion', true)	1✔
21
22	/**
23	* Build structured data to help with SEO.
24	*/
25	const getStructuredData = () => ({	1✔
26	"@context": "http://schema.org",
27	"@type": "WebSite",
28	"url": `${getSiteUrl()}`,
29	"potentialAction": {
30	"@type": "SearchAction",
31	"target": `${combineUrls(getSiteUrl(), '/search')}?query={search_term_string}`,
32	"query-input": "required name=search_term_string"
33	},
34	"mainEntityOfPage": {
35	"@type": "WebPage",
36	"@id": `${getSiteUrl()}`,
37	},
38	...(isEAForum && {	×
39	"description": [
40	"A forum for discussions and updates on effective altruism. Topics covered include",
41	"global health, AI safety, biosecurity, animal welfare, philosophy, policy, forecasting,",
42	"and effective giving. Users can explore new posts, engage with the community,",
43	"participate in recent discussions, and discover topics, events,",
44	"and groups. An accessible space for sharing and learning about approaches to tackling",
45	"the world's most pressing problems."
46	].join(' ')
47	}),
48	})
49
50	const styles = (theme: ThemeType): JssStyles => ({	1✔
51	spotlightMargin: {
52	marginBottom: 24,
53	},
54	});
55
56	const EAHome = ({classes}: {classes: ClassesType}) => {	1✔
UNCOV 57	const currentUser = useCurrentUser();	×
58	const {
59	RecentDiscussionFeed, EAHomeMainContent, QuickTakesSection,
60	SmallpoxBanner, EventBanner, MaintenanceBanner, FrontpageReviewWidget,
61	SingleColumnSection, HomeLatestPosts, EAHomeCommunityPosts, HeadTags,
62	EAPopularCommentsSection, BotSiteBanner, DismissibleSpotlightItem
63	} = Components	×
64
UNCOV 65	const recentDiscussionCommentsPerPost = (currentUser && currentUser.isAdmin) ? 4 : 3;	×
66	const shouldRenderEventBanner = showEventBannerSetting.get()	×
67	const shouldRenderSmallpox = showSmallpoxSetting.get()	×
68	// Only show the maintenance banner if the the current time is before the maintenance time (plus 5 minutes leeway),
69	// this is just so we don't have to rush to change the server settings as soon as the maintenance is done
UNCOV 70	const maintenanceTimeValue = maintenanceTime.get()	×
71	const isBeforeMaintenanceTime = maintenanceTimeValue && Date.now() < new Date(maintenanceTimeValue).getTime() + (5601000)	×
UNCOV 72	const shouldRenderMaintenanceBanner = showMaintenanceBannerSetting.get() && isBeforeMaintenanceTime	×
UNCOV 73	const shouldRenderBotSiteBanner = isBotSiteSetting.get() && isEAForum	×
74
UNCOV 75	return (	×
76	<AnalyticsContext pageContext="homePage">
77	<HeadTags structuredData={getStructuredData()}/>
78	{shouldRenderMaintenanceBanner && <MaintenanceBanner />}	×
79	{shouldRenderSmallpox && <SmallpoxBanner/>}	×
80	{shouldRenderEventBanner && <EventBanner />}	×
81	{shouldRenderBotSiteBanner && <BotSiteBanner />}	×
82
83	{reviewIsActive() && <SingleColumnSection>
84	<FrontpageReviewWidget reviewYear={REVIEW_YEAR}/>
85	</SingleColumnSection>}
86
87	<EAHomeMainContent FrontpageNode={
UNCOV 88	() => <>	×
89	<DismissibleSpotlightItem current className={classes.spotlightMargin} />
90	<HomeLatestPosts />
91	{!currentUser?.hideCommunitySection && <EAHomeCommunityPosts />}	×
92	{isEAForum && <QuickTakesSection />}	×
93	<ForumNoSSR if={!!currentUser && noSSRPopularCommentsSetting.get()}>	×
94	<EAPopularCommentsSection />
95	</ForumNoSSR>
96	<ForumNoSSR if={!!currentUser && noSSRRecentDiscussionSetting.get()}>	×
97	<RecentDiscussionFeed
98	title="Recent discussion"
99	af={false}
100	commentsLimit={recentDiscussionCommentsPerPost}
101	maxAgeHours={18}
102	/>
103	</ForumNoSSR>
104	</>
105	} />
106	</AnalyticsContext>
107	)
108	}
109
110	const EAHomeComponent = registerComponent('EAHome', EAHome, {styles});	1✔
111
112	declare global {
113	interface ComponentTypes {
114	EAHome: typeof EAHomeComponent
115	}
116	}

ForumMagnum / ForumMagnum / 8908812441

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