9719605072

Committed 28 Jun 2024 11:21PM UTC coverage: 31.983% (-0.003%) from 31.986%

Build # 9719605072

Build Type

Pull #9459

github

Committed by

web-flow

Commit Message

Merge cc91720c5 into 016a4d46d

Pull Request Pull Request #9459: Recommended Items have "Hide & Show Fewer Like This Button"

Run Details

4889 of 39820 branches covered (12.28%)

Branch coverage included in aggregate %.

14 of 50 new or added lines in 7 files covered. (28.0%)

4 existing lines in 4 files now uncovered.

28418 of 64320 relevant lines covered (44.18%)

180.81 hits per line

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

26.09

/packages/lesswrong/components/dropdowns/posts/HideFrontpagePostDropdownItem.tsx

import React, { useState, useContext } from 'react';
import { registerComponent, Components, fragmentTextForQuery } from '../../../lib/vulcan-lib';
import { useCurrentUser } from '../../common/withUser';
import { useTracking } from '../../../lib/analyticsEvents';
import { useMutation, gql } from '@apollo/client';
import { AllowHidingFrontPagePostsContext } from './PostActions';
import withErrorBoundary from '../../common/withErrorBoundary';
import map from 'lodash/map';
import reject from 'lodash/reject';
import some from 'lodash/some';
import { useDialog } from '../../common/withDialog';
import { useSetIsHiddenMutation } from './useSetIsHidden';

const styles = (theme: ThemeType): JssStyles => ({
  icon: {
    cursor: "pointer",
    color: theme.palette.icon.dim3,
  },
});

const HideFrontpagePostDropdownItem = ({post}: {post: PostsBase}) => {
  const allowHidingPosts = useContext(AllowHidingFrontPagePostsContext)
  const currentUser = useCurrentUser();
  const {openDialog} = useDialog()
  const [hidden, setHiddenState] = useState(map((currentUser?.hiddenPostsMetadata || []), 'postId')?.includes(post._id));
  const {captureEvent} = useTracking();

  const { setIsHiddenMutation } = useSetIsHiddenMutation();

  if (!allowHidingPosts) {
    return null;
  }

  const toggleShown = () => {
    if (!currentUser) {
      openDialog({
        componentName: "LoginPopup",
        componentProps: {},
      });
      return;
    }

    const isHidden = !hidden;
    setHiddenState(isHidden);

    void setIsHiddenMutation({postId: post._id, isHidden})
    captureEvent("hideToggle", {"postId": post._id, "hidden": isHidden});
  }

  // Named to be consistent with bookmark / un-bookmark
  const title = hidden ? "Un-hide from frontpage" : "Hide from frontpage";
  const icon = hidden ? "EyeOutline" : "Eye";

  const {DropdownItem} = Components;
  return (
    <DropdownItem
      title={title}
      onClick={toggleShown}
      icon={icon}
    />
  );
}

const HideFrontPageButtonComponent = registerComponent(
  'HideFrontpagePostDropdownItem',
  HideFrontpagePostDropdownItem,
  {
    styles,
    hocs: [withErrorBoundary],
  },
);

declare global {
  interface ComponentTypes {
    HideFrontpagePostDropdownItem: typeof HideFrontPageButtonComponent
  }
}

1	import React, { useState, useContext } from 'react';	1✔
2	import { registerComponent, Components, fragmentTextForQuery } from '../../../lib/vulcan-lib';	1✔
3	import { useCurrentUser } from '../../common/withUser';	1✔
4	import { useTracking } from '../../../lib/analyticsEvents';	1✔
5	import { useMutation, gql } from '@apollo/client';
6	import { AllowHidingFrontPagePostsContext } from './PostActions';	1✔
7	import withErrorBoundary from '../../common/withErrorBoundary';	1✔
8	import map from 'lodash/map';	1✔
9	import reject from 'lodash/reject';
10	import some from 'lodash/some';
11	import { useDialog } from '../../common/withDialog';	1✔
12	import { useSetIsHiddenMutation } from './useSetIsHidden';	1✔
13
14	const styles = (theme: ThemeType): JssStyles => ({	1✔
15	icon: {
16	cursor: "pointer",
17	color: theme.palette.icon.dim3,
18	},
19	});
20
21	const HideFrontpagePostDropdownItem = ({post}: {post: PostsBase}) => {	1✔
22	const allowHidingPosts = useContext(AllowHidingFrontPagePostsContext)	×
23	const currentUser = useCurrentUser();	×
24	const {openDialog} = useDialog()	×
25	const [hidden, setHiddenState] = useState(map((currentUser?.hiddenPostsMetadata \|\| []), 'postId')?.includes(post._id));	×
26	const {captureEvent} = useTracking();	×
27
NEW 28	const { setIsHiddenMutation } = useSetIsHiddenMutation();	×
29
30	if (!allowHidingPosts) {	×
31	return null;	×
32	}
33
34	const toggleShown = () => {	×
35	if (!currentUser) {	×
36	openDialog({	×
37	componentName: "LoginPopup",
38	componentProps: {},
39	});
40	return;	×
41	}
42
43	const isHidden = !hidden;	×
44	setHiddenState(isHidden);	×
45
NEW 46	void setIsHiddenMutation({postId: post._id, isHidden})	×
UNCOV 47	captureEvent("hideToggle", {"postId": post._id, "hidden": isHidden});	×
48	}
49
50	// Named to be consistent with bookmark / un-bookmark
51	const title = hidden ? "Un-hide from frontpage" : "Hide from frontpage";	×
52	const icon = hidden ? "EyeOutline" : "Eye";	×
53
54	const {DropdownItem} = Components;	×
55	return (	×
56	<DropdownItem
57	title={title}
58	onClick={toggleShown}
59	icon={icon}
60	/>
61	);
62	}
63
64	const HideFrontPageButtonComponent = registerComponent(	1✔
65	'HideFrontpagePostDropdownItem',
66	HideFrontpagePostDropdownItem,
67	{
68	styles,
69	hocs: [withErrorBoundary],
70	},
71	);
72
73	declare global {
74	interface ComponentTypes {
75	HideFrontpagePostDropdownItem: typeof HideFrontPageButtonComponent
76	}
77	}

ForumMagnum / ForumMagnum / 9719605072

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