10607636703

Committed 29 Aug 2024 02:27AM UTC coverage: 31.917% (-0.02%) from 31.937%

Build # 10607636703

Build Type

Pull #9654

github

Committed by

Raemon

Commit Message

comment on spotlight images

Pull Request Pull Request #9654: Auto Spotlights for Best of LessWrong

Run Details

5023 of 41061 branches covered (12.23%)

Branch coverage included in aggregate %.

8 of 47 new or added lines in 4 files covered. (17.02%)

2 existing lines in 2 files now uncovered.

29322 of 66545 relevant lines covered (44.06%)

188.31 hits per line

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

21.95

/packages/lesswrong/components/spotlights/SpotlightsPage.tsx

import React, { useMemo } from 'react';
import { useMulti } from '../../lib/crud/withMulti';
import { Components, getFragment, registerComponent } from '../../lib/vulcan-lib';
import { userCanDo } from '../../lib/vulcan-users';
import { useCurrentUser } from '../common/withUser';
import { useLocation } from '../../lib/routeUtil';

const styles = (theme: ThemeType): JssStyles => ({
  form: {
    padding: 16,
    background: theme.palette.background.pageActiveAreaBackground,
    boxShadow: theme.palette.boxShadow.featuredResourcesCard,
    marginBottom: 16
  }
});

export const SpotlightsPage = ({classes}: {
  classes: ClassesType,
}) => {
  const { Loading, SectionTitle, SingleColumnSection, SpotlightItem, WrappedSmartForm, ErrorAccessDenied, SpotlightEditorStyles, ToCColumn, TableOfContents } = Components;

  const currentUser = useCurrentUser();

  const { query } = useLocation();
  const onlyDrafts = query.drafts === 'true';

  const { results: spotlights = [], loading, refetch } = useMulti({
    collectionName: 'Spotlights',
    fragmentName: 'SpotlightDisplay',
    terms: {
      view: onlyDrafts ? "spotlightsPageDraft" : "spotlightsPage",
      limit: 100
    },
    fetchPolicy: 'network-only',
    nextFetchPolicy: 'network-only'
  });

  const spotlightsInDisplayOrder = useMemo(() => {
    if (!spotlights.length) return spotlights;
    const [currentSpotlight] = spotlights;
    const upcomingSpotlights = spotlights.filter(spotlight => spotlight.position > currentSpotlight.position);
    const recycledSpotlights = spotlights.filter(spotlight => spotlight.position < currentSpotlight.position);
    return [currentSpotlight, ...upcomingSpotlights, ...recycledSpotlights];
  }, [spotlights]);

  const upcomingSpotlights = spotlightsInDisplayOrder.filter(spotlight => !spotlight.draft)
  const draftSpotlights = spotlightsInDisplayOrder.filter(spotlight => spotlight.draft)

  if (!userCanDo(currentUser, 'spotlights.edit.all')) {
    return <SingleColumnSection>
      <ErrorAccessDenied/>
    </SingleColumnSection>;
  }

  const totalUpcomingDuration = upcomingSpotlights.reduce((total, spotlight) => total + spotlight.duration, 0);

  const totalDraftDuration = draftSpotlights.reduce((total, spotlight) => total + spotlight.duration, 0);

  const sectionData = {
    html: "",
    sections: [
      {
        title: "Upcoming Spotlights",
        anchor: "upcoming-spotlights",
        level: 1
      },
      ...upcomingSpotlights.map(spotlight => ({
        title: spotlight.document.title,
        anchor: spotlight._id,
        level: 2
      })),
      {
        title: "Draft Spotlights",
        anchor: "draft-spotlights",
        level: 1
      },
      ...draftSpotlights.map(spotlight => ({
        title: spotlight.document.title,
        anchor: spotlight._id,
        level: 2
      })),
    ],
  }

  return <ToCColumn tableOfContents={<TableOfContents
    sectionData={sectionData}
    title={"Spotlights"}
  />}>
    <SingleColumnSection>
      <SectionTitle title={'New Spotlight'} />
      <div className={classes.form}>
        <SpotlightEditorStyles>
          <WrappedSmartForm
            collectionName="Spotlights"
            mutationFragment={getFragment('SpotlightEditQueryFragment')}
          />
        </SpotlightEditorStyles>
      </div>
      {loading && <Loading/>}
      <SectionTitle title="Upcoming Spotlights">
        <div>Total: {totalUpcomingDuration} days</div>
      </SectionTitle>
      {upcomingSpotlights.map(spotlight => <SpotlightItem key={`spotlightpage${spotlight._id}`} spotlight={spotlight} refetchAllSpotlights={refetch} showAdminInfo/>)}
      <SectionTitle title="Draft Spotlights">
        <div>Total: {totalDraftDuration} days</div>
      </SectionTitle>
      {draftSpotlights.map(spotlight => <SpotlightItem key={`spotlightpage${spotlight._id}`} spotlight={spotlight} refetchAllSpotlights={refetch} showAdminInfo/>)}
    </SingleColumnSection>
  </ToCColumn>
}

const SpotlightsPageComponent = registerComponent('SpotlightsPage', SpotlightsPage, {styles});

declare global {
  interface ComponentTypes {
    SpotlightsPage: typeof SpotlightsPageComponent
  }
}


1	import React, { useMemo } from 'react';	3✔
2	import { useMulti } from '../../lib/crud/withMulti';	1✔
3	import { Components, getFragment, registerComponent } from '../../lib/vulcan-lib';	1✔
4	import { userCanDo } from '../../lib/vulcan-users';	1✔
5	import { useCurrentUser } from '../common/withUser';	1✔
6	import { useLocation } from '../../lib/routeUtil';	1✔
7
8	const styles = (theme: ThemeType): JssStyles => ({	1✔
9	form: {
10	padding: 16,
11	background: theme.palette.background.pageActiveAreaBackground,
12	boxShadow: theme.palette.boxShadow.featuredResourcesCard,
13	marginBottom: 16
14	}
15	});
16
17	export const SpotlightsPage = ({classes}: {	1✔
18	classes: ClassesType,
19	}) => {
20	const { Loading, SectionTitle, SingleColumnSection, SpotlightItem, WrappedSmartForm, ErrorAccessDenied, SpotlightEditorStyles, ToCColumn, TableOfContents } = Components;	×
21
22	const currentUser = useCurrentUser();	×
23
NEW 24	const { query } = useLocation();	×
NEW 25	const onlyDrafts = query.drafts === 'true';	×
26
UNCOV 27	const { results: spotlights = [], loading, refetch } = useMulti({	×
28	collectionName: 'Spotlights',
29	fragmentName: 'SpotlightDisplay',
30	terms: {
31	view: onlyDrafts ? "spotlightsPageDraft" : "spotlightsPage",	×
32	limit: 100
33	},
34	fetchPolicy: 'network-only',
35	nextFetchPolicy: 'network-only'
36	});
37
38	const spotlightsInDisplayOrder = useMemo(() => {	×
39	if (!spotlights.length) return spotlights;	×
40	const [currentSpotlight] = spotlights;	×
41	const upcomingSpotlights = spotlights.filter(spotlight => spotlight.position > currentSpotlight.position);	×
42	const recycledSpotlights = spotlights.filter(spotlight => spotlight.position < currentSpotlight.position);	×
43	return [currentSpotlight, ...upcomingSpotlights, ...recycledSpotlights];	×
44	}, [spotlights]);
45
46	const upcomingSpotlights = spotlightsInDisplayOrder.filter(spotlight => !spotlight.draft)	×
47	const draftSpotlights = spotlightsInDisplayOrder.filter(spotlight => spotlight.draft)	×
48
49	if (!userCanDo(currentUser, 'spotlights.edit.all')) {	×
50	return <SingleColumnSection>	×
51	<ErrorAccessDenied/>
52	</SingleColumnSection>;
53	}
54
55	const totalUpcomingDuration = upcomingSpotlights.reduce((total, spotlight) => total + spotlight.duration, 0);	×
56
57	const totalDraftDuration = draftSpotlights.reduce((total, spotlight) => total + spotlight.duration, 0);	×
58
59	const sectionData = {	×
60	html: "",
61	sections: [
62	{
63	title: "Upcoming Spotlights",
64	anchor: "upcoming-spotlights",
65	level: 1
66	},
67	...upcomingSpotlights.map(spotlight => ({	×
68	title: spotlight.document.title,
69	anchor: spotlight._id,
70	level: 2
71	})),
72	{
73	title: "Draft Spotlights",
74	anchor: "draft-spotlights",
75	level: 1
76	},
77	...draftSpotlights.map(spotlight => ({	×
78	title: spotlight.document.title,
79	anchor: spotlight._id,
80	level: 2
81	})),
82	],
83	}
84
85	return <ToCColumn tableOfContents={<TableOfContents	×
86	sectionData={sectionData}
87	title={"Spotlights"}
88	/>}>
89	<SingleColumnSection>
90	<SectionTitle title={'New Spotlight'} />
91	<div className={classes.form}>
92	<SpotlightEditorStyles>
93	<WrappedSmartForm
94	collectionName="Spotlights"
95	mutationFragment={getFragment('SpotlightEditQueryFragment')}
96	/>
97	</SpotlightEditorStyles>
98	</div>
99	{loading && <Loading/>}	×
100	<SectionTitle title="Upcoming Spotlights">
101	<div>Total: {totalUpcomingDuration} days</div>
102	</SectionTitle>
103	{upcomingSpotlights.map(spotlight => <SpotlightItem key={`spotlightpage${spotlight._id}`} spotlight={spotlight} refetchAllSpotlights={refetch} showAdminInfo/>)}	×
104	<SectionTitle title="Draft Spotlights">
105	<div>Total: {totalDraftDuration} days</div>
106	</SectionTitle>
107	{draftSpotlights.map(spotlight => <SpotlightItem key={`spotlightpage${spotlight._id}`} spotlight={spotlight} refetchAllSpotlights={refetch} showAdminInfo/>)}	×
108	</SingleColumnSection>
109	</ToCColumn>
110	}
111
112	const SpotlightsPageComponent = registerComponent('SpotlightsPage', SpotlightsPage, {styles});	1✔
113
114	declare global {
115	interface ComponentTypes {
116	SpotlightsPage: typeof SpotlightsPageComponent
117	}
118	}
119

ForumMagnum / ForumMagnum / 10607636703

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