10922441885

Committed 18 Sep 2024 12:47PM UTC coverage: 13.864% (+0.2%) from 13.685%

Build # 10922441885

Build Type

Pull #9251

github

Committed by

web-flow

Commit Message

Merge 16bfb222e into 910cd3883

Pull Request Pull Request #9251: Decode Content Clean-up

Run Details

3040 of 20310 branches covered (14.97%)

Branch coverage included in aggregate %.

4 of 23 new or added lines in 9 files covered. (17.39%)

62 existing lines in 7 files now uncovered.

3966 of 30225 relevant lines covered (13.12%)

3.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/discussions/ThreadCard/ThreadOptions/ThreadOptions.tsx

import {
  CanvasSignedData,
  deserializeCanvas,
  verify,
} from '@hicommonwealth/shared';
import { CWIcon } from 'client/scripts/views/components/component_kit/cw_icons/cw_icon';
import { CWText } from 'client/scripts/views/components/component_kit/cw_text';
import { CWTooltip } from 'client/scripts/views/components/component_kit/new_designs/CWTooltip';
import { pluralize } from 'helpers';
import { GetThreadActionTooltipTextResponse } from 'helpers/threads';
import Thread from 'models/Thread';
import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
import useUserStore from 'state/ui/user';
import Permissions from 'utils/Permissions';
import { downloadDataAsFile } from 'utils/downloadDataAsFile';
import { SharePopover } from 'views/components/SharePopover';
import { ViewUpvotesDrawerTrigger } from 'views/components/UpvoteDrawer';
import { CWThreadAction } from 'views/components/component_kit/new_designs/cw_thread_action';
import { ToggleThreadSubscribe } from 'views/pages/discussions/ThreadCard/ThreadOptions/ToggleThreadSubscribe';
import { AdminActions, AdminActionsProps } from './AdminActions';
import { ReactionButton } from './ReactionButton';
import './ThreadOptions.scss';

type OptionsProps = AdminActionsProps & {
  thread?: Thread;
  upvoteBtnVisible?: boolean;
  commentBtnVisible?: boolean;
  shareEndpoint?: string;
  canUpdateThread?: boolean;
  canReact?: boolean;
  canComment?: boolean;
  totalComments?: number;
  disabledActionsTooltipText?: GetThreadActionTooltipTextResponse;
  onCommentBtnClick?: () => any;
  upvoteDrawerBtnBelow?: boolean;
  hideUpvoteDrawerButton?: boolean;
  setIsUpvoteDrawerOpen?: Dispatch<SetStateAction<boolean>>;
  editingDisabled?: boolean;
};

export const ThreadOptions = ({
  thread,
  upvoteBtnVisible = false,
  commentBtnVisible = true,
  shareEndpoint,
  canUpdateThread,
  canReact = true,
  canComment = true,
  totalComments,
  onLockToggle,
  onCollaboratorsEdit,
  onDelete,
  onEditStart,
  onEditCancel,
  onEditConfirm,
  onPinToggle,
  onProposalStageChange,
  onSnapshotProposalFromThread,
  onSpamToggle,
  hasPendingEdits,
  disabledActionsTooltipText = '',
  onCommentBtnClick = () => null,
  upvoteDrawerBtnBelow,
  hideUpvoteDrawerButton = false,
  setIsUpvoteDrawerOpen,
  editingDisabled,
}: OptionsProps) => {
  const isCommunityMember = Permissions.isCommunityMember(thread.communityId);
  const userStore = useUserStore();

  const handleDownloadMarkdown = () => {
    downloadDataAsFile(thread.body, 'text/markdown', thread.title + '.md');
  };

  const [verifiedCanvasSignedData, setVerifiedCanvasSignedData] =
    useState<CanvasSignedData | null>(null);
  useEffect(() => {
    try {
      const canvasSignedData: CanvasSignedData = deserializeCanvas(
        thread.canvasSignedData,
      );
      if (!canvasSignedData) return;
      verify(canvasSignedData)
        .then(() => {
          setVerifiedCanvasSignedData(canvasSignedData);
        })
        .catch(() => null);
    } catch (error) {
      // ignore errors or missing data
    }
  }, [thread.canvasSignedData]);

  return (
    <>
      <div className="ThreadOptions">
        <div className="options-container">
          {!hideUpvoteDrawerButton && !upvoteDrawerBtnBelow && (
            <ViewUpvotesDrawerTrigger
              onClick={(e) => {
                e.preventDefault();
                // @ts-expect-error <StrictNullChecks/>
                setIsUpvoteDrawerOpen(true);
              }}
            />
          )}

          {upvoteBtnVisible && thread && (
            <ReactionButton
              thread={thread}
              size="small"
              disabled={!canReact}
              undoUpvoteDisabled={editingDisabled}
              tooltipText={
                typeof disabledActionsTooltipText === 'function'
                  ? disabledActionsTooltipText?.('upvote')
                  : disabledActionsTooltipText
              }
            />
          )}

          {/* @ts-expect-error StrictNullChecks*/}
          {commentBtnVisible && totalComments >= 0 && (
            <CWThreadAction
              // @ts-expect-error <StrictNullChecks/>
              label={pluralize(totalComments, 'Comment')}
              action="comment"
              disabled={!canComment}
              onClick={(e) => {
                e.preventDefault();
                onCommentBtnClick();
              }}
              tooltipText={
                typeof disabledActionsTooltipText === 'function'
                  ? disabledActionsTooltipText?.('comment')
                  : disabledActionsTooltipText
              }
            />
          )}

          {/* @ts-expect-error StrictNullChecks*/}
          <SharePopover linkToShare={shareEndpoint} buttonLabel="Share" />

          {userStore.id > 0 && (
            <ToggleThreadSubscribe
              thread={thread}
              isCommunityMember={isCommunityMember}
            />
          )}

          {verifiedCanvasSignedData && (
            <CWText
              type="caption"
              fontWeight="medium"
              className="verification-icon"
            >
              <CWTooltip
                placement="top"
                content="Signed by author"
                renderTrigger={(handleInteraction) => (
                  <span
                    onMouseEnter={handleInteraction}
                    onMouseLeave={handleInteraction}
                  >
                    <CWIcon iconName="check" iconSize="xs" />
                  </span>
                )}
              ></CWTooltip>
            </CWText>
          )}

          {thread && (
            <AdminActions
              canUpdateThread={canUpdateThread}
              thread={thread}
              onLockToggle={onLockToggle}
              onCollaboratorsEdit={onCollaboratorsEdit}
              onDelete={onDelete}
              onEditStart={onEditStart}
              onEditCancel={onEditCancel}
              onEditConfirm={onEditConfirm}
              onPinToggle={onPinToggle}
              onProposalStageChange={onProposalStageChange}
              onSnapshotProposalFromThread={onSnapshotProposalFromThread}
              onSpamToggle={onSpamToggle}
              onDownloadMarkdown={handleDownloadMarkdown}
              hasPendingEdits={hasPendingEdits}
              editingDisabled={editingDisabled}
            />
          )}
        </div>
        {!hideUpvoteDrawerButton && upvoteDrawerBtnBelow && (
          <ViewUpvotesDrawerTrigger
            onClick={(e) => {
              e.preventDefault();
              // @ts-expect-error <StrictNullChecks/>
              setIsUpvoteDrawerOpen(true);
            }}
          />
        )}
      </div>
      {thread && <></>}
    </>
  );
};

1	import {
2	CanvasSignedData,
3	deserializeCanvas,
4	verify,
5	} from '@hicommonwealth/shared';
6	import { CWIcon } from 'client/scripts/views/components/component_kit/cw_icons/cw_icon';
7	import { CWText } from 'client/scripts/views/components/component_kit/cw_text';
8	import { CWTooltip } from 'client/scripts/views/components/component_kit/new_designs/CWTooltip';
9	import { pluralize } from 'helpers';
10	import { GetThreadActionTooltipTextResponse } from 'helpers/threads';
11	import Thread from 'models/Thread';
12	import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
13	import useUserStore from 'state/ui/user';
14	import Permissions from 'utils/Permissions';
15	import { downloadDataAsFile } from 'utils/downloadDataAsFile';
16	import { SharePopover } from 'views/components/SharePopover';
17	import { ViewUpvotesDrawerTrigger } from 'views/components/UpvoteDrawer';
18	import { CWThreadAction } from 'views/components/component_kit/new_designs/cw_thread_action';
19	import { ToggleThreadSubscribe } from 'views/pages/discussions/ThreadCard/ThreadOptions/ToggleThreadSubscribe';
20	import { AdminActions, AdminActionsProps } from './AdminActions';
21	import { ReactionButton } from './ReactionButton';
22	import './ThreadOptions.scss';
23
24	type OptionsProps = AdminActionsProps & {
25	thread?: Thread;
26	upvoteBtnVisible?: boolean;
27	commentBtnVisible?: boolean;
28	shareEndpoint?: string;
29	canUpdateThread?: boolean;
30	canReact?: boolean;
31	canComment?: boolean;
32	totalComments?: number;
33	disabledActionsTooltipText?: GetThreadActionTooltipTextResponse;
34	onCommentBtnClick?: () => any;
35	upvoteDrawerBtnBelow?: boolean;
36	hideUpvoteDrawerButton?: boolean;
37	setIsUpvoteDrawerOpen?: Dispatch<SetStateAction<boolean>>;
38	editingDisabled?: boolean;
39	};
40
41	export const ThreadOptions = ({	×
42	thread,
43	upvoteBtnVisible = false,	×
44	commentBtnVisible = true,	×
45	shareEndpoint,
46	canUpdateThread,
47	canReact = true,	×
48	canComment = true,	×
49	totalComments,
50	onLockToggle,
51	onCollaboratorsEdit,
52	onDelete,
53	onEditStart,
54	onEditCancel,
55	onEditConfirm,
56	onPinToggle,
57	onProposalStageChange,
58	onSnapshotProposalFromThread,
59	onSpamToggle,
60	hasPendingEdits,
61	disabledActionsTooltipText = '',	×
62	onCommentBtnClick = () => null,	×
63	upvoteDrawerBtnBelow,
64	hideUpvoteDrawerButton = false,	×
65	setIsUpvoteDrawerOpen,
66	editingDisabled,
67	}: OptionsProps) => {
68	const isCommunityMember = Permissions.isCommunityMember(thread.communityId);	×
69	const userStore = useUserStore();	×
70
71	const handleDownloadMarkdown = () => {	×
NEW 72	downloadDataAsFile(thread.body, 'text/markdown', thread.title + '.md');	×
73	};
74
75	const [verifiedCanvasSignedData, setVerifiedCanvasSignedData] =
76	useState<CanvasSignedData \| null>(null);	×
77	useEffect(() => {	×
78	try {	×
79	const canvasSignedData: CanvasSignedData = deserializeCanvas(	×
80	thread.canvasSignedData,
81	);
82	if (!canvasSignedData) return;	×
83	verify(canvasSignedData)	×
84	.then(() => {
85	setVerifiedCanvasSignedData(canvasSignedData);	×
86	})
87	.catch(() => null);	×
88	} catch (error) {
89	// ignore errors or missing data
90	}
91	}, [thread.canvasSignedData]);
92
93	return (	×
94	<>
95	<div className="ThreadOptions">
96	<div className="options-container">
97	{!hideUpvoteDrawerButton && !upvoteDrawerBtnBelow && (	×
98	<ViewUpvotesDrawerTrigger
99	onClick={(e) => {
100	e.preventDefault();	×
101	// @ts-expect-error <StrictNullChecks/>
102	setIsUpvoteDrawerOpen(true);	×
103	}}
104	/>
105	)}
106
107	{upvoteBtnVisible && thread && (	×
108	<ReactionButton
109	thread={thread}
110	size="small"
111	disabled={!canReact}
112	undoUpvoteDisabled={editingDisabled}
113	tooltipText={
114	typeof disabledActionsTooltipText === 'function'	×
115	? disabledActionsTooltipText?.('upvote')
116	: disabledActionsTooltipText
117	}
118	/>
119	)}
120
121	{/* @ts-expect-error StrictNullChecks*/}
122	{commentBtnVisible && totalComments >= 0 && (	×
123	<CWThreadAction
124	// @ts-expect-error <StrictNullChecks/>
125	label={pluralize(totalComments, 'Comment')}
126	action="comment"
127	disabled={!canComment}
128	onClick={(e) => {
129	e.preventDefault();	×
130	onCommentBtnClick();	×
131	}}
132	tooltipText={
133	typeof disabledActionsTooltipText === 'function'	×
134	? disabledActionsTooltipText?.('comment')
135	: disabledActionsTooltipText
136	}
137	/>
138	)}
139
140	{/* @ts-expect-error StrictNullChecks*/}
141	<SharePopover linkToShare={shareEndpoint} buttonLabel="Share" />
142
143	{userStore.id > 0 && (	×
144	<ToggleThreadSubscribe
145	thread={thread}
146	isCommunityMember={isCommunityMember}
147	/>
148	)}
149
150	{verifiedCanvasSignedData && (	×
151	<CWText
152	type="caption"
153	fontWeight="medium"
154	className="verification-icon"
155	>
156	<CWTooltip
157	placement="top"
158	content="Signed by author"
159	renderTrigger={(handleInteraction) => (
160	<span	×
161	onMouseEnter={handleInteraction}
162	onMouseLeave={handleInteraction}
163	>
164	<CWIcon iconName="check" iconSize="xs" />
165	</span>
166	)}
167	></CWTooltip>
168	</CWText>
169	)}
170
171	{thread && (	×
172	<AdminActions
173	canUpdateThread={canUpdateThread}
174	thread={thread}
175	onLockToggle={onLockToggle}
176	onCollaboratorsEdit={onCollaboratorsEdit}
177	onDelete={onDelete}
178	onEditStart={onEditStart}
179	onEditCancel={onEditCancel}
180	onEditConfirm={onEditConfirm}
181	onPinToggle={onPinToggle}
182	onProposalStageChange={onProposalStageChange}
183	onSnapshotProposalFromThread={onSnapshotProposalFromThread}
184	onSpamToggle={onSpamToggle}
185	onDownloadMarkdown={handleDownloadMarkdown}
186	hasPendingEdits={hasPendingEdits}
187	editingDisabled={editingDisabled}
188	/>
189	)}
190	</div>
191	{!hideUpvoteDrawerButton && upvoteDrawerBtnBelow && (	×
192	<ViewUpvotesDrawerTrigger
193	onClick={(e) => {
194	e.preventDefault();	×
195	// @ts-expect-error <StrictNullChecks/>
196	setIsUpvoteDrawerOpen(true);	×
197	}}
198	/>
199	)}
200	</div>
201	{thread && <></>}	×
202	</>
203	);
204	};

hicommonwealth / commonwealth / 10922441885

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