9616539484

Committed 21 Jun 2024 04:07PM UTC coverage: 14.867% (-0.09%) from 14.957%

Build # 9616539484

Build Type

Pull #7910

github

Committed by

web-flow

Commit Message

Merge d29c0cfbf into b18b9e8a3

Pull Request Pull Request #7910: Implements subscriptions and community alerts page.

Run Details

3722 of 26692 branches covered (13.94%)

Branch coverage included in aggregate %.

1 of 87 new or added lines in 14 files covered. (1.15%)

23 existing lines in 4 files now uncovered.

5154 of 33012 relevant lines covered (15.61%)

4.99 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/pages/NotificationSettings/SubscriptionEntry.tsx

import { ThreadSubscription } from '@hicommonwealth/schemas';
import { getThreadUrl } from '@hicommonwealth/shared';
import { notifySuccess } from 'controllers/app/notifications';
import { pluralize } from 'helpers';
import { getRelativeTimestamp } from 'helpers/dates';
import { useCommonNavigate } from 'navigation/helpers';
import React, { useCallback } from 'react';
import { Link } from 'react-router-dom';
import { useDeleteThreadSubscriptionMutation } from 'state/api/trpc/subscription/useDeleteThreadSubscriptionMutation';
import { getCommunityUrl } from 'utils';
import { CWCommunityAvatar } from 'views/components/component_kit/cw_community_avatar';
import { CWText } from 'views/components/component_kit/cw_text';
import { CWThreadAction } from 'views/components/component_kit/new_designs/cw_thread_action';
import { User } from 'views/components/user/user';
import { z } from 'zod';

interface SubscriptionEntryProps {
  readonly subscription: z.infer<typeof ThreadSubscription>;
  readonly onUnsubscribe: (id: number) => void;
}

export const SubscriptionEntry = (props: SubscriptionEntryProps) => {
  const { subscription, onUnsubscribe } = props;
  const thread = subscription.Thread!;
  const thread_id = thread.id!;

  const threadUrl = getThreadUrl(
    {
      chain: thread.community_id,
      id: thread.id!,
      title: thread.title,
    },
    undefined,
    true,
  );

  const navigate = useCommonNavigate();

  const handleComment = useCallback(() => {
    navigate(threadUrl);
  }, [navigate, threadUrl]);
  const deleteThreadSubscriptionMutation =
    useDeleteThreadSubscriptionMutation();

  const deleteThreadSubscription = useCallback(async () => {
    await deleteThreadSubscriptionMutation.mutateAsync({
      id: `${thread_id}`,
      thread_ids: [thread_id],
    });
  }, [deleteThreadSubscriptionMutation, thread_id]);

  const handleDeleteSubscription = useCallback(() => {
    deleteThreadSubscription()
      .then(() => {
        notifySuccess('Unsubscribed!');
        onUnsubscribe(thread_id);
      })
      .catch(console.error);
  }, [deleteThreadSubscription, onUnsubscribe, thread_id]);

  return (
    <div className="SubscriptionEntry">
      <div className="SubscriptionHeader">
        <div>
          <CWCommunityAvatar
            community={{
              iconUrl: thread.Community.icon_url,
              name: thread.Community.name,
            }}
            size="small"
          />
        </div>
        <div>
          <Link to={getCommunityUrl(thread.Community.name)}>
            <CWText fontWeight="semiBold">{thread.Community.name}</CWText>
          </Link>
        </div>

        <div>•</div>

        <div>
          <User
            userAddress={thread.Address.address}
            userCommunityId={thread.Community!.id!}
          />
        </div>

        <div>•</div>

        <div>{getRelativeTimestamp(thread.created_at!.getTime())}</div>
      </div>
      <div>
        <CWText type="h4" fontWeight="semiBold">
          <Link to={threadUrl}>
            <CWText type="h4">{decodeURIComponent(thread.title)}</CWText>
          </Link>
        </CWText>
      </div>

      <div className="SubscriptionFooter">
        <CWThreadAction
          label={pluralize(thread.comment_count, 'Comment')}
          action="comment"
          onClick={(e) => {
            e.preventDefault();
            handleComment();
          }}
        />

        <CWThreadAction
          label="Subscribe"
          action="subscribe"
          onClick={(e) => {
            e.preventDefault();
            handleDeleteSubscription();
          }}
        />
      </div>
    </div>
  );
};

1	import { ThreadSubscription } from '@hicommonwealth/schemas';
2	import { getThreadUrl } from '@hicommonwealth/shared';
3	import { notifySuccess } from 'controllers/app/notifications';
4	import { pluralize } from 'helpers';
5	import { getRelativeTimestamp } from 'helpers/dates';
6	import { useCommonNavigate } from 'navigation/helpers';
7	import React, { useCallback } from 'react';
8	import { Link } from 'react-router-dom';
9	import { useDeleteThreadSubscriptionMutation } from 'state/api/trpc/subscription/useDeleteThreadSubscriptionMutation';
10	import { getCommunityUrl } from 'utils';
11	import { CWCommunityAvatar } from 'views/components/component_kit/cw_community_avatar';
12	import { CWText } from 'views/components/component_kit/cw_text';
13	import { CWThreadAction } from 'views/components/component_kit/new_designs/cw_thread_action';
14	import { User } from 'views/components/user/user';
15	import { z } from 'zod';
16
17	interface SubscriptionEntryProps {
18	readonly subscription: z.infer<typeof ThreadSubscription>;
19	readonly onUnsubscribe: (id: number) => void;
20	}
21
NEW 22	export const SubscriptionEntry = (props: SubscriptionEntryProps) => {	×
NEW 23	const { subscription, onUnsubscribe } = props;	×
NEW 24	const thread = subscription.Thread!;	×
NEW 25	const thread_id = thread.id!;	×
26
NEW 27	const threadUrl = getThreadUrl(	×
28	{
29	chain: thread.community_id,
30	id: thread.id!,
31	title: thread.title,
32	},
33	undefined,
34	true,
35	);
36
NEW 37	const navigate = useCommonNavigate();	×
38
NEW 39	const handleComment = useCallback(() => {	×
NEW 40	navigate(threadUrl);	×
41	}, [navigate, threadUrl]);
42	const deleteThreadSubscriptionMutation =
NEW 43	useDeleteThreadSubscriptionMutation();	×
44
NEW 45	const deleteThreadSubscription = useCallback(async () => {	×
NEW 46	await deleteThreadSubscriptionMutation.mutateAsync({	×
47	id: `${thread_id}`,
48	thread_ids: [thread_id],
49	});
50	}, [deleteThreadSubscriptionMutation, thread_id]);
51
NEW 52	const handleDeleteSubscription = useCallback(() => {	×
NEW 53	deleteThreadSubscription()	×
54	.then(() => {
NEW 55	notifySuccess('Unsubscribed!');	×
NEW 56	onUnsubscribe(thread_id);	×
57	})
58	.catch(console.error);
59	}, [deleteThreadSubscription, onUnsubscribe, thread_id]);
60
NEW 61	return (	×
62	<div className="SubscriptionEntry">
63	<div className="SubscriptionHeader">
64	<div>
65	<CWCommunityAvatar
66	community={{
67	iconUrl: thread.Community.icon_url,
68	name: thread.Community.name,
69	}}
70	size="small"
71	/>
72	</div>
73	<div>
74	<Link to={getCommunityUrl(thread.Community.name)}>
75	<CWText fontWeight="semiBold">{thread.Community.name}</CWText>
76	</Link>
77	</div>
78
79	<div>•</div>
80
81	<div>
82	<User
83	userAddress={thread.Address.address}
84	userCommunityId={thread.Community!.id!}
85	/>
86	</div>
87
88	<div>•</div>
89
90	<div>{getRelativeTimestamp(thread.created_at!.getTime())}</div>
91	</div>
92	<div>
93	<CWText type="h4" fontWeight="semiBold">
94	<Link to={threadUrl}>
95	<CWText type="h4">{decodeURIComponent(thread.title)}</CWText>
96	</Link>
97	</CWText>
98	</div>
99
100	<div className="SubscriptionFooter">
101	<CWThreadAction
102	label={pluralize(thread.comment_count, 'Comment')}
103	action="comment"
104	onClick={(e) => {
NEW 105	e.preventDefault();	×
NEW 106	handleComment();	×
107	}}
108	/>
109
110	<CWThreadAction
111	label="Subscribe"
112	action="subscribe"
113	onClick={(e) => {
NEW 114	e.preventDefault();	×
NEW 115	handleDeleteSubscription();	×
116	}}
117	/>
118	</div>
119	</div>
120	);
121	};

hicommonwealth / commonwealth / 9616539484

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