10312771145

Committed 09 Aug 2024 02:42AM UTC coverage: 32.025% (+0.001%) from 32.024%

Build # 10312771145

Build Type

Pull #9556

github

Committed by

Raemon

Commit Message

remove no-op

Pull Request Pull Request #9556: Minimalist Post Header

Run Details

4939 of 40224 branches covered (12.28%)

Branch coverage included in aggregate %.

46 of 98 new or added lines in 19 files covered. (46.94%)

3 existing lines in 2 files now uncovered.

28802 of 65134 relevant lines covered (44.22%)

180.21 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'
    }
  }
});

export const LWPostsPageHeaderTopRight = ({classes, post, toggleEmbeddedPlayer, showEmbeddedPlayer, hideVoteOnMobile}: {
  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>
      <AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
      <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	});
38
39	export const LWPostsPageHeaderTopRight = ({classes, post, toggleEmbeddedPlayer, showEmbeddedPlayer, hideVoteOnMobile}: {	1✔
40	classes: ClassesType<typeof styles>,
41	post: PostsWithNavigation\|PostsWithNavigationAndRevision\|PostsListWithVotes,
42	toggleEmbeddedPlayer?: () => void,
43	showEmbeddedPlayer?: boolean,
44	hideVoteOnMobile?: boolean
45	}) => {
NEW 46	const { FooterTagList, LWPostsPageTopHeaderVote, AudioToggle, PostActionsButton } = Components;	×
47
NEW 48	const votingSystem = getVotingSystemByName(post.votingSystem ?? 'default');	×
49
NEW 50	return <div className={classes.root}>	×
51	<AnalyticsContext pageSectionContext="tagHeader">
52	<div className={classes.tagList}>
53	<FooterTagList post={post} hideScore useAltAddTagButton hideAddTag={true} align="right" noBackground neverCoreStyling />
54	</div>
55	</AnalyticsContext>
56	<AudioToggle post={post} toggleEmbeddedPlayer={toggleEmbeddedPlayer} showEmbeddedPlayer={showEmbeddedPlayer} />
57	<div className={classes.vote}>
58	<LWPostsPageTopHeaderVote post={post} votingSystem={votingSystem} />
59	</div>
60	<PostActionsButton post={post} className={classes.postActionsButton} flip />
61	</div>;
62	}
63
64	const LWPostsPageHeaderTopRightComponent = registerComponent('LWPostsPageHeaderTopRight', LWPostsPageHeaderTopRight, {styles});	1✔
65
66	declare global {
67	interface ComponentTypes {
68	LWPostsPageHeaderTopRight: typeof LWPostsPageHeaderTopRightComponent
69	}
70	}

ForumMagnum / ForumMagnum / 10312771145

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