10596810208

Committed 28 Aug 2024 12:37PM UTC coverage: 32.07% (+0.07%) from 31.997%

Build # 10596810208

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9637 from ForumMagnum/no-subscriptions-message

Add 'no subscriptions' message to subscriptions page

Run Details

5020 of 40746 branches covered (12.32%)

Branch coverage included in aggregate %.

29 of 78 new or added lines in 5 files covered. (37.18%)

1 existing line in 1 file now uncovered.

29232 of 66058 relevant lines covered (44.25%)

189.54 hits per line

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

18.29

/packages/lesswrong/components/users/ViewSubscriptionsPage.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { useCurrentUser } from '../common/withUser';
import { Link } from '../../lib/reactRouterWrapper';
import { commentGetPageUrlFromIds } from '../../lib/collections/comments/helpers';
import { tagGetUrl } from '../../lib/collections/tags/helpers';
import {
  allowSubscribeToSequencePosts,
  allowSubscribeToUserComments,
  userHasPeopleDirectory,
  userHasSubscribeTabFeed,
} from '../../lib/betas';
import { sequenceGetPageUrl } from '../../lib/collections/sequences/helpers';
import { isLW, taggingNamePluralSetting } from '../../lib/instanceSettings';
import { CountItemsContextProvider, useCountItemsContext } from '../hooks/CountItemsContext';

const styles = (theme: ThemeType) => ({
  noSubscriptions: {
    marginTop: 40,
    fontSize: 16,
    fontWeight: 400,
    fontFamily: theme.palette.fonts.sansSerifStack,
    "& a": {
      fontWeight: 500,
      color: theme.palette.primary.main,
    },
  },
});

const NoSubscriptionsMessage = ({currentUser, classes}: {
  currentUser: UsersCurrent,
  classes: ClassesType<typeof styles>,
}) => {
  const context = useCountItemsContext();
  const itemCount = context?.items.current ?? 0;
  if (itemCount > 0) {
    return null;
  }

  const usersLink = userHasPeopleDirectory(currentUser)
    ? <Link to="/people-directory">users</Link>
    : "users";

  return (
    <div className={classes.noSubscriptions}>
      You have no active subscriptions. Subscribe to{" "}
      <Link to={`/${taggingNamePluralSetting.get()}`}>{taggingNamePluralSetting.get()}</Link>,{" "}
      <Link to="/allPosts">posts</Link>, or {usersLink}{" "}
      to receive notifications for new content.
    </div>
  );
}

const ViewSubscriptionsList = ({currentUser, classes}: {
  currentUser: UsersCurrent,
  classes: ClassesType<typeof styles>,
}) => {
  const {SingleColumnSection, SubscriptionsList, UsersNameDisplay} = Components;
  return (
    <SingleColumnSection>
      {userHasSubscribeTabFeed(currentUser) &&
        <SubscriptionsList
          title="Users You Are Following"
          collectionName="Users"
          subscriptionType="newActivityForFeed"
          fragmentName="UsersMinimumInfo"
          renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user} tooltipPlacement='top' hideFollowButton />}
          subscriptionTypeDescription="These users will appear in the feed on your frontpage Subscribed Tab"
        />
      }

      <SubscriptionsList
        title="Notifications for New Posts by Users"
        collectionName="Users"
        subscriptionType="newPosts"
        fragmentName="UsersMinimumInfo"
        renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user}/>}
        subscriptionTypeDescription="Manage onsite and offsite notification preferences in your account settings"
      />

      {allowSubscribeToUserComments && <SubscriptionsList
        title="Notifications for All New Comments by Users"
        collectionName="Users"
        subscriptionType="newUserComments"
        fragmentName="UsersMinimumInfo"
        renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user}/>}
        subscriptionTypeDescription="Manage onsite and offsite (email) notification preferences in your account settings"
      />}

      <SubscriptionsList
        title="Notifications of Comments on Posts"
        collectionName="Posts"
        subscriptionType="newComments"
        fragmentName="PostsList"
        renderDocument={(post: PostsList) => post.title}
        subscriptionTypeDescription="You will receive notifications for any new comments on these posts"
      />

      <SubscriptionsList
        title="Notification of Dialogue Activity (as a reader)"
        collectionName="Posts"
        subscriptionType="newPublishedDialogueMessages"
        fragmentName="PostsList"
        renderDocument={(post: PostsList) => post.title}
        subscriptionTypeDescription="You will be notified of new activity in these dialogues."
      />

      <SubscriptionsList
        title="Notification of Dialogue Activity (as a participant)"
        collectionName="Posts"
        subscriptionType="newDialogueMessages"
        fragmentName="PostsList"
        renderDocument={(post: PostsList) => post.title}
        subscriptionTypeDescription="You will be notified of new activity by your dialogue partners on these dialogues."
      />

      {isLW && <SubscriptionsList
        title="Subscribed to Old-Style Dialogues (as a reader)"
        collectionName="Posts"
        subscriptionType="newDebateComments"
        fragmentName="PostsList"
        renderDocument={(post: PostsList) => post.title}
      />}

      <SubscriptionsList
        title="Subscribed to Old-Style dialogues (as a participant)"
        collectionName="Posts"
        subscriptionType="newDebateReplies"
        fragmentName="PostsList"
        renderDocument={(post: PostsList) => post.title}
      />

      <SubscriptionsList
        title="Notifications of Comment Replies"
        collectionName="Comments"
        subscriptionType="newReplies"
        fragmentName="CommentsListWithParentMetadata"
        renderDocument={(comment: CommentsListWithParentMetadata) => <Link to={commentGetPageUrlFromIds({postId: comment?.post?._id, postSlug: comment?.post?.slug, tagSlug: comment?.tag?.slug, tagCommentType: comment?.tagCommentType, commentId: comment?._id, permalink: true})}>
          author: {comment?.user?.displayName}, post: {comment?.post?.title}
        </Link>}
        subscriptionTypeDescription="You will get notifications on replies to these comments."
      />

      <SubscriptionsList
        title="Notifications of Local Groups Activity"
        collectionName="Localgroups"
        subscriptionType="newEvents"
        fragmentName="localGroupsBase"
        renderDocument={(group: localGroupsBase) => group.name}
        subscriptionTypeDescription="You will be notified of new events from these Local Groups"
      />

      <SubscriptionsList
        title="Notification of New Posts with Tags"
        collectionName="Tags"
        subscriptionType="newTagPosts"
        fragmentName="TagPreviewFragment"
        renderDocument={(tag: TagPreviewFragment) => <Link to={tagGetUrl(tag)}>{tag.name}</Link>}
        subscriptionTypeDescription="You will be notified when posts have these tags added"
      />

      {allowSubscribeToSequencePosts && <SubscriptionsList
        title="Notifications of New Post Added to Sequences"
        collectionName="Sequences"
        subscriptionType="newSequencePosts"
        fragmentName="SequencesPageTitleFragment"
        renderDocument={(sequence: SequencesPageTitleFragment) => <Link to={sequenceGetPageUrl(sequence)}>{sequence.title}</Link>}
        subscriptionTypeDescription="You will be notified when new posts are added to these sequences"
      />}

      <NoSubscriptionsMessage currentUser={currentUser} classes={classes} />
    </SingleColumnSection>
  );
}

const ViewSubscriptionsPage = ({classes}: {
  classes: ClassesType<typeof styles>,
}) => {
  const {SingleColumnSection} = Components;
  const currentUser = useCurrentUser();

  if (!currentUser) {
    return <SingleColumnSection>
      Log in to manage your subscriptions.
    </SingleColumnSection>;
  }

  return (
    <CountItemsContextProvider>
      <ViewSubscriptionsList currentUser={currentUser} classes={classes} />
    </CountItemsContextProvider>
  );
}

const ViewSubscriptionsPageComponent = registerComponent(
  "ViewSubscriptionsPage",
  ViewSubscriptionsPage,
  {styles},
);

declare global {
  interface ComponentTypes {
    ViewSubscriptionsPage: typeof ViewSubscriptionsPageComponent,
  }
}

1	import React from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { useCurrentUser } from '../common/withUser';	1✔
4	import { Link } from '../../lib/reactRouterWrapper';	1✔
5	import { commentGetPageUrlFromIds } from '../../lib/collections/comments/helpers';	1✔
6	import { tagGetUrl } from '../../lib/collections/tags/helpers';	1✔
7	import {
8	allowSubscribeToSequencePosts,
9	allowSubscribeToUserComments,
10	userHasPeopleDirectory,
11	userHasSubscribeTabFeed,
12	} from '../../lib/betas';	1✔
13	import { sequenceGetPageUrl } from '../../lib/collections/sequences/helpers';	1✔
14	import { isLW, taggingNamePluralSetting } from '../../lib/instanceSettings';	1✔
15	import { CountItemsContextProvider, useCountItemsContext } from '../hooks/CountItemsContext';	1✔
16
17	const styles = (theme: ThemeType) => ({	1✔
18	noSubscriptions: {
19	marginTop: 40,
20	fontSize: 16,
21	fontWeight: 400,
22	fontFamily: theme.palette.fonts.sansSerifStack,
23	"& a": {
24	fontWeight: 500,
25	color: theme.palette.primary.main,
26	},
27	},
28	});
29
30	const NoSubscriptionsMessage = ({currentUser, classes}: {	1✔
31	currentUser: UsersCurrent,
32	classes: ClassesType<typeof styles>,
33	}) => {
NEW 34	const context = useCountItemsContext();	×
NEW 35	const itemCount = context?.items.current ?? 0;	×
NEW 36	if (itemCount > 0) {	×
UNCOV 37	return null;	×
38	}
39
NEW 40	const usersLink = userHasPeopleDirectory(currentUser)	×
41	? <Link to="/people-directory">users</Link>	×
42	: "users";
43
NEW 44	return (	×
45	<div className={classes.noSubscriptions}>
46	You have no active subscriptions. Subscribe to{" "}
47	<Link to={`/${taggingNamePluralSetting.get()}`}>{taggingNamePluralSetting.get()}</Link>,{" "}
48	<Link to="/allPosts">posts</Link>, or {usersLink}{" "}
49	to receive notifications for new content.
50	</div>
51	);
52	}
53
54	const ViewSubscriptionsList = ({currentUser, classes}: {	1✔
55	currentUser: UsersCurrent,
56	classes: ClassesType<typeof styles>,
57	}) => {
NEW 58	const {SingleColumnSection, SubscriptionsList, UsersNameDisplay} = Components;	×
NEW 59	return (	×
60	<SingleColumnSection>	×
61	{userHasSubscribeTabFeed(currentUser) &&
62	<SubscriptionsList
63	title="Users You Are Following"
64	collectionName="Users"
65	subscriptionType="newActivityForFeed"
66	fragmentName="UsersMinimumInfo"
NEW 67	renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user} tooltipPlacement='top' hideFollowButton />}	×
68	subscriptionTypeDescription="These users will appear in the feed on your frontpage Subscribed Tab"
69	/>
70	}
71
72	<SubscriptionsList
73	title="Notifications for New Posts by Users"
74	collectionName="Users"
75	subscriptionType="newPosts"
76	fragmentName="UsersMinimumInfo"
NEW 77	renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user}/>}	×
78	subscriptionTypeDescription="Manage onsite and offsite notification preferences in your account settings"
79	/>
80
81	{allowSubscribeToUserComments && <SubscriptionsList	×
82	title="Notifications for All New Comments by Users"
83	collectionName="Users"
84	subscriptionType="newUserComments"
85	fragmentName="UsersMinimumInfo"
NEW 86	renderDocument={(user: UsersMinimumInfo) => <UsersNameDisplay user={user}/>}	×
87	subscriptionTypeDescription="Manage onsite and offsite (email) notification preferences in your account settings"
88	/>}
89
90	<SubscriptionsList
91	title="Notifications of Comments on Posts"
92	collectionName="Posts"
93	subscriptionType="newComments"
94	fragmentName="PostsList"
NEW 95	renderDocument={(post: PostsList) => post.title}	×
96	subscriptionTypeDescription="You will receive notifications for any new comments on these posts"
97	/>
98
99	<SubscriptionsList
100	title="Notification of Dialogue Activity (as a reader)"
101	collectionName="Posts"
102	subscriptionType="newPublishedDialogueMessages"
103	fragmentName="PostsList"
NEW 104	renderDocument={(post: PostsList) => post.title}	×
105	subscriptionTypeDescription="You will be notified of new activity in these dialogues."
106	/>
107
108	<SubscriptionsList
109	title="Notification of Dialogue Activity (as a participant)"
110	collectionName="Posts"
111	subscriptionType="newDialogueMessages"
112	fragmentName="PostsList"
NEW 113	renderDocument={(post: PostsList) => post.title}	×
114	subscriptionTypeDescription="You will be notified of new activity by your dialogue partners on these dialogues."
115	/>
116
117	{isLW && <SubscriptionsList	×
118	title="Subscribed to Old-Style Dialogues (as a reader)"
119	collectionName="Posts"
120	subscriptionType="newDebateComments"
121	fragmentName="PostsList"
NEW 122	renderDocument={(post: PostsList) => post.title}	×
123	/>}
124
125	<SubscriptionsList
126	title="Subscribed to Old-Style dialogues (as a participant)"
127	collectionName="Posts"
128	subscriptionType="newDebateReplies"
129	fragmentName="PostsList"
NEW 130	renderDocument={(post: PostsList) => post.title}	×
131	/>
132
133	<SubscriptionsList
134	title="Notifications of Comment Replies"
135	collectionName="Comments"
136	subscriptionType="newReplies"
137	fragmentName="CommentsListWithParentMetadata"
NEW 138	renderDocument={(comment: CommentsListWithParentMetadata) => <Link to={commentGetPageUrlFromIds({postId: comment?.post?._id, postSlug: comment?.post?.slug, tagSlug: comment?.tag?.slug, tagCommentType: comment?.tagCommentType, commentId: comment?._id, permalink: true})}>	×
139	author: {comment?.user?.displayName}, post: {comment?.post?.title}	×
140	</Link>}
141	subscriptionTypeDescription="You will get notifications on replies to these comments."
142	/>
143
144	<SubscriptionsList
145	title="Notifications of Local Groups Activity"
146	collectionName="Localgroups"
147	subscriptionType="newEvents"
148	fragmentName="localGroupsBase"
NEW 149	renderDocument={(group: localGroupsBase) => group.name}	×
150	subscriptionTypeDescription="You will be notified of new events from these Local Groups"
151	/>
152
153	<SubscriptionsList
154	title="Notification of New Posts with Tags"
155	collectionName="Tags"
156	subscriptionType="newTagPosts"
157	fragmentName="TagPreviewFragment"
NEW 158	renderDocument={(tag: TagPreviewFragment) => <Link to={tagGetUrl(tag)}>{tag.name}</Link>}	×
159	subscriptionTypeDescription="You will be notified when posts have these tags added"
160	/>
161
162	{allowSubscribeToSequencePosts && <SubscriptionsList	×
163	title="Notifications of New Post Added to Sequences"
164	collectionName="Sequences"
165	subscriptionType="newSequencePosts"
166	fragmentName="SequencesPageTitleFragment"
NEW 167	renderDocument={(sequence: SequencesPageTitleFragment) => <Link to={sequenceGetPageUrl(sequence)}>{sequence.title}</Link>}	×
168	subscriptionTypeDescription="You will be notified when new posts are added to these sequences"
169	/>}
170
171	<NoSubscriptionsMessage currentUser={currentUser} classes={classes} />
172	</SingleColumnSection>
173	);
174	}
175
176	const ViewSubscriptionsPage = ({classes}: {	1✔
177	classes: ClassesType<typeof styles>,
178	}) => {
NEW 179	const {SingleColumnSection} = Components;	×
180	const currentUser = useCurrentUser();	×
181
182	if (!currentUser) {	×
183	return <SingleColumnSection>	×
184	Log in to manage your subscriptions.
185	</SingleColumnSection>;
186	}
187
NEW 188	return (	×
189	<CountItemsContextProvider>
190	<ViewSubscriptionsList currentUser={currentUser} classes={classes} />
191	</CountItemsContextProvider>
192	);
193	}
194
195	const ViewSubscriptionsPageComponent = registerComponent(	1✔
196	"ViewSubscriptionsPage",
197	ViewSubscriptionsPage,
198	{styles},
199	);
200
201	declare global {
202	interface ComponentTypes {
203	ViewSubscriptionsPage: typeof ViewSubscriptionsPageComponent,
204	}
205	}

ForumMagnum / ForumMagnum / 10596810208

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