10361524738

Committed 13 Aug 2024 12:29AM UTC coverage: 32.55% (+0.5%) from 32.024%

Build # 10361524738

Build Type

Pull #9556

github

Committed by

Raemon

Commit Message

remove body:has style

Pull Request Pull Request #9556: Minimalist Post Header

Run Details

3238 of 25827 branches covered (12.54%)

Branch coverage included in aggregate %.

49 of 120 new or added lines in 22 files covered. (40.83%)

4 existing lines in 3 files now uncovered.

18579 of 41200 relevant lines covered (45.09%)

284.87 hits per line

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

58.33

/packages/lesswrong/components/posts/PostsPage/LWPostsPageHeaderTopRight.tsx

import React from 'react';
import { Components, registerComponent } from '../../../lib/vulcan-lib';
import { AnalyticsContext } from '@/lib/analyticsEvents';
import { getVotingSystemByName } from '@/lib/voting/votingSystems';

const styles = (theme: ThemeType) => ({
  root: {
    display: 'flex',
    flexWrap: "nowrap",
    alignItems: "center",
    columnGap: 8,
    [theme.breakpoints.down('sm')]: {
      top: 8,
      right: 8
    }
  },
  vote: {
    display: 'flex',
    flexDirection: 'row-reverse',
    [theme.breakpoints.down('xs')]: {
      display: 'none'
    }
  },
  postActionsButton: {
    display: 'flex',
    alignItems: 'center',
    opacity: 0.3
  },
  tagList: {
    marginTop: 12,
    marginBottom: 12,
    opacity: 0.5,
    [theme.breakpoints.down('xs')]: {
      display: 'none'
    }
  },
  audioToggle: {
    opacity: 0.55,
    display: 'flex',
  }
});

export const LWPostsPageHeaderTopRight = ({classes, post, toggleEmbeddedPlayer, showEmbeddedPlayer}: {
  classes: ClassesType<typeof styles>,
  post: PostsWithNavigation|PostsWithNavigationAndRevision|PostsListWithVotes,
  toggleEmbeddedPlayer?: () => void,
  showEmbeddedPlayer?: boolean,
  hideVoteOnMobile?: boolean
}) => {
  const { FooterTagList, LWPostsPageTopHeaderVote, AudioToggle, PostActionsButton } = Components;

  const votingSystem = getVotingSystemByName(post.votingSystem ?? 'default');

  return <div className={classes.root}>
      <AnalyticsContext pageSectionContext="tagHeader">
        <div className={classes.tagList}>
          <FooterTagList post={post} hideScore useAltAddTagButton hideAddTag={true} align="right" noBackground neverCoreStyling />
        </div>
      </AnalyticsContext>
      <div className={classes.audioToggle}>
        <AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
      </div>
      <div className={classes.vote}>
        <LWPostsPageTopHeaderVote post={post} votingSystem={votingSystem} /> 
      </div>
      <PostActionsButton post={post} className={classes.postActionsButton} flip />
  </div>;
}

const LWPostsPageHeaderTopRightComponent = registerComponent('LWPostsPageHeaderTopRight', LWPostsPageHeaderTopRight, {styles});

declare global {
  interface ComponentTypes {
    LWPostsPageHeaderTopRight: typeof LWPostsPageHeaderTopRightComponent
  }
}

1	import React from 'react';	3✔
2	import { Components, registerComponent } from '../../../lib/vulcan-lib';	1✔
3	import { AnalyticsContext } from '@/lib/analyticsEvents';	1✔
4	import { getVotingSystemByName } from '@/lib/voting/votingSystems';	1✔
5
6	const styles = (theme: ThemeType) => ({	1✔
7	root: {
8	display: 'flex',
9	flexWrap: "nowrap",
10	alignItems: "center",
11	columnGap: 8,
12	[theme.breakpoints.down('sm')]: {
13	top: 8,
14	right: 8
15	}
16	},
17	vote: {
18	display: 'flex',
19	flexDirection: 'row-reverse',
20	[theme.breakpoints.down('xs')]: {
21	display: 'none'
22	}
23	},
24	postActionsButton: {
25	display: 'flex',
26	alignItems: 'center',
27	opacity: 0.3
28	},
29	tagList: {
30	marginTop: 12,
31	marginBottom: 12,
32	opacity: 0.5,
33	[theme.breakpoints.down('xs')]: {
34	display: 'none'
35	}
36	},
37	audioToggle: {
38	opacity: 0.55,
39	display: 'flex',
40	}
41	});
42
43	export const LWPostsPageHeaderTopRight = ({classes, post, toggleEmbeddedPlayer, showEmbeddedPlayer}: {	1✔
44	classes: ClassesType<typeof styles>,
45	post: PostsWithNavigation\|PostsWithNavigationAndRevision\|PostsListWithVotes,
46	toggleEmbeddedPlayer?: () => void,
47	showEmbeddedPlayer?: boolean,
48	hideVoteOnMobile?: boolean
49	}) => {
NEW 50	const { FooterTagList, LWPostsPageTopHeaderVote, AudioToggle, PostActionsButton } = Components;	×
51
NEW 52	const votingSystem = getVotingSystemByName(post.votingSystem ?? 'default');	×
53
NEW 54	return <div className={classes.root}>	×
55	<AnalyticsContext pageSectionContext="tagHeader">
56	<div className={classes.tagList}>
57	<FooterTagList post={post} hideScore useAltAddTagButton hideAddTag={true} align="right" noBackground neverCoreStyling />
58	</div>
59	</AnalyticsContext>
60	<div className={classes.audioToggle}>
61	<AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
62	</div>
63	<div className={classes.vote}>
64	<LWPostsPageTopHeaderVote post={post} votingSystem={votingSystem} />
65	</div>
66	<PostActionsButton post={post} className={classes.postActionsButton} flip />
67	</div>;
68	}
69
70	const LWPostsPageHeaderTopRightComponent = registerComponent('LWPostsPageHeaderTopRight', LWPostsPageHeaderTopRight, {styles});	1✔
71
72	declare global {
73	interface ComponentTypes {
74	LWPostsPageHeaderTopRight: typeof LWPostsPageHeaderTopRightComponent
75	}
76	}

ForumMagnum / ForumMagnum / 10361524738

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