9322844801

Committed 31 May 2024 06:41PM UTC coverage: 31.949% (+0.04%) from 31.905%

Build # 9322844801

Build Type

Pull #9346

github

Committed by

b0b3rt

Commit Message

some cleanup

Pull Request Pull Request #9346: Subscribed feed launch

Run Details

4802 of 39221 branches covered (12.24%)

Branch coverage included in aggregate %.

44 of 147 new or added lines in 15 files covered. (29.93%)

111 existing lines in 10 files now uncovered.

27953 of 63302 relevant lines covered (44.16%)

179.86 hits per line

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

34.48

/packages/lesswrong/components/users/FollowUserButton.tsx

import { useTracking } from '@/lib/analyticsEvents';
import { Components, registerComponent } from '@/lib/vulcan-lib';
import React from 'react';
import { useNotifyMe } from '../hooks/useNotifyMe';
import { useOptimisticToggle } from '../hooks/useOptimisticToggle';
import classNames from 'classnames';
import { userGetDisplayName } from '@/lib/collections/users/helpers';

const styles = (theme: ThemeType) => ({
  root: {
    ...theme.typography.commentStyle,
    color: theme.palette.primary.main,
    cursor: "pointer",
  },
  subscribed: {
    color: "unset",
  }
});

export const FollowUserButton = ({user, classes}: {
  user: UsersMinimumInfo,
  classes: ClassesType<typeof styles>,
}) => {

  const { LWTooltip } = Components;
  const { captureEvent } = useTracking();

  const { isSubscribed, onSubscribe, disabled } = useNotifyMe({
    document: user,
    overrideSubscriptionType: "newActivityForFeed",
    hideFlashes: true,
  });

  const [subscribed, toggleSubscribed] = useOptimisticToggle(
    isSubscribed ?? false,
    onSubscribe ?? (() => {}),
  );

  const handleSubscribe = (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
    void toggleSubscribed(ev);
    captureEvent("followUserButtonClick", {subcribedToUser: user._id, subscribed: !subscribed})
  }

  const followTooltip = `${userGetDisplayName(user)}'s content will appear in your subscribed tab feed`

  if (disabled) {
    return null;
  }

  return <div className={classNames(classes.root, {[classes.subscribed]: subscribed})} onClick={handleSubscribe}>
    <LWTooltip title={followTooltip} placement="top" disabled={subscribed}>
      {subscribed ? "Unfollow" : "Follow"}
    </LWTooltip>
  </div>;
}

const FollowUserButtonComponent = registerComponent('FollowUserButton', FollowUserButton, {styles});

declare global {
  interface ComponentTypes {
    FollowUserButton: typeof FollowUserButtonComponent
  }
}

1	import { useTracking } from '@/lib/analyticsEvents';	3✔
2	import { Components, registerComponent } from '@/lib/vulcan-lib';	1✔
3	import React from 'react';	1✔
4	import { useNotifyMe } from '../hooks/useNotifyMe';	1✔
5	import { useOptimisticToggle } from '../hooks/useOptimisticToggle';	1✔
6	import classNames from 'classnames';	1✔
7	import { userGetDisplayName } from '@/lib/collections/users/helpers';	1✔
8
9	const styles = (theme: ThemeType) => ({	1✔
10	root: {
11	...theme.typography.commentStyle,
12	color: theme.palette.primary.main,
13	cursor: "pointer",
14	},
15	subscribed: {
16	color: "unset",
17	}
18	});
19
20	export const FollowUserButton = ({user, classes}: {	1✔
21	user: UsersMinimumInfo,
22	classes: ClassesType<typeof styles>,
23	}) => {
24
NEW 25	const { LWTooltip } = Components;	×
NEW 26	const { captureEvent } = useTracking();	×
27
NEW 28	const { isSubscribed, onSubscribe, disabled } = useNotifyMe({	×
29	document: user,
30	overrideSubscriptionType: "newActivityForFeed",
31	hideFlashes: true,
32	});
33
NEW 34	const [subscribed, toggleSubscribed] = useOptimisticToggle(	×
35	isSubscribed ?? false,	×
36	onSubscribe ?? (() => {}),	×
37	);
38
NEW 39	const handleSubscribe = (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => {	×
NEW 40	void toggleSubscribed(ev);	×
NEW 41	captureEvent("followUserButtonClick", {subcribedToUser: user._id, subscribed: !subscribed})	×
42	}
43
NEW 44	const followTooltip = `${userGetDisplayName(user)}'s content will appear in your subscribed tab feed`	×
45
NEW 46	if (disabled) {	×
NEW 47	return null;	×
48	}
49
NEW 50	return <div className={classNames(classes.root, {[classes.subscribed]: subscribed})} onClick={handleSubscribe}>	×
51	<LWTooltip title={followTooltip} placement="top" disabled={subscribed}>
52	{subscribed ? "Unfollow" : "Follow"}	×
53	</LWTooltip>
54	</div>;
55	}
56
57	const FollowUserButtonComponent = registerComponent('FollowUserButton', FollowUserButton, {styles});	1✔
58
59	declare global {
60	interface ComponentTypes {
61	FollowUserButton: typeof FollowUserButtonComponent
62	}
63	}

ForumMagnum / ForumMagnum / 9322844801

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