10855335619

Committed 13 Sep 2024 07:59PM UTC coverage: 13.775% (+0.02%) from 13.759%

Build # 10855335619

Build Type

Pull #9165

github

Committed by

web-flow

Commit Message

Merge 35fed5822 into 954e5bd9e

Pull Request Pull Request #9165: Apply weighted voting to reactions

Run Details

3037 of 20490 branches covered (14.82%)

Branch coverage included in aggregate %.

19 of 29 new or added lines in 4 files covered. (65.52%)

83 existing lines in 8 files now uncovered.

3965 of 30340 relevant lines covered (13.07%)

3.95 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/modals/edit_topic_modal.tsx

import { pluralizeWithoutNumberPrefix } from 'helpers';
import React, { useState } from 'react';
import Topic, { TopicAttributes } from '../../models/Topic';
import { useCommonNavigate } from '../../navigation/helpers';
import app from '../../state';
import {
  useDeleteTopicMutation,
  useEditTopicMutation,
} from '../../state/api/topics';
import { CWCheckbox } from '../components/component_kit/cw_checkbox';
import { CWTextInput } from '../components/component_kit/cw_text_input';
import { CWValidationText } from '../components/component_kit/cw_validation_text';
import { CWButton } from '../components/component_kit/new_designs/CWButton';
import {
  CWModalBody,
  CWModalFooter,
  CWModalHeader,
} from '../components/component_kit/new_designs/CWModal';
import { openConfirmation } from './confirmation_modal';

import { notifySuccess } from 'controllers/app/notifications';
import '../../../styles/modals/edit_topic_modal.scss';
import useAppStatus from '../../hooks/useAppStatus';

type EditTopicModalProps = {
  onModalClose: () => void;
  topic: Topic;
  noRedirect?: boolean;
};

export const EditTopicModal = ({
  topic,
  onModalClose,
  noRedirect,
}: EditTopicModalProps) => {
  const {
    description: descriptionProp,
    featuredInSidebar: featuredInSidebarProp,
    id,
    name: nameProp,
  } = topic;

  const navigate = useCommonNavigate();
  const { mutateAsync: editTopic } = useEditTopicMutation();
  const { mutateAsync: deleteTopic } = useDeleteTopicMutation();
  const [errorMsg, setErrorMsg] = useState<string | null>(null);
  const [isSaving, setIsSaving] = useState<boolean>(false);
  const [description, setDescription] = useState<string>(descriptionProp);
  const [featuredInSidebar, setFeaturedInSidebar] = useState<boolean>(
    // @ts-expect-error <StrictNullChecks/>
    featuredInSidebarProp,
  );
  const [name, setName] = useState<string>(nameProp);

  const { isAddedToHomeScreen } = useAppStatus();

  const handleSaveChanges = async () => {
    setIsSaving(true);

    const topicInfo: TopicAttributes = {
      id,
      description: description,
      name: name,
      community_id: app.activeChainId(),
      // @ts-expect-error <StrictNullChecks/>
      telegram: null,
      featured_in_sidebar: featuredInSidebar,
      featured_in_new_post: false,
      default_offchain_template: '',
      total_threads: topic.totalThreads || 0,
    };

    try {
      await editTopic({
        topic: new Topic(topicInfo),
        isPWA: isAddedToHomeScreen,
      });
      if (noRedirect) {
        onModalClose();
        notifySuccess('Topic updated!');
      } else {
        navigate(`/discussions/${encodeURI(name.toString().trim())}`);
      }
    } catch (err) {
      setErrorMsg(err.message || err);
    } finally {
      setIsSaving(false);
    }
  };

  const handleDeleteTopic = async () => {
    openConfirmation({
      title: 'Warning',
      description: <>Delete this topic?</>,
      buttons: [
        {
          label: 'Cancel',
          buttonType: 'secondary',
          buttonHeight: 'sm',
        },
        {
          label: 'Delete',
          buttonType: 'destructive',
          buttonHeight: 'sm',
          onClick: async () => {
            await deleteTopic({
              topicId: id,
              topicName: name,
              communityId: app.activeChainId() || '',
            });
            if (noRedirect) {
              onModalClose();
            } else {
              navigate('/');
            }
          },
        },
      ],
    });
  };

  return (
    <div className="EditTopicModal">
      <CWModalHeader label="Edit topic" onModalClose={onModalClose} />
      <CWModalBody>
        <CWTextInput
          label="Name"
          value={name}
          onInput={(e) => {
            setName(e.target.value);
          }}
          inputValidationFn={(text: string) => {
            let newErrorMsg;

            const disallowedCharMatches = text.match(/["<>%{}|\\/^`]/g);
            if (disallowedCharMatches) {
              newErrorMsg = `The ${pluralizeWithoutNumberPrefix(
                disallowedCharMatches.length,
                'char',
              )}
                ${disallowedCharMatches.join(', ')} are not permitted`;
              setErrorMsg(newErrorMsg);
              return ['failure', newErrorMsg];
            }

            if (errorMsg) {
              setErrorMsg(null);
            }

            return ['success', 'Valid topic name'];
          }}
        />
        <CWTextInput
          label="Description"
          name="description"
          tabIndex={2}
          value={description}
          onInput={(e) => {
            setDescription(e.target.value);
          }}
        />
        <CWCheckbox
          label="Featured in Sidebar"
          checked={featuredInSidebar}
          onChange={() => {
            setFeaturedInSidebar(!featuredInSidebar);
          }}
          value=""
        />
      </CWModalBody>
      <CWModalFooter className="EditTopicModalFooter">
        <div className="action-buttons">
          <div className="delete-topic">
            <CWButton
              buttonType="destructive"
              buttonHeight="sm"
              disabled={isSaving}
              onClick={handleDeleteTopic}
              label="Delete topic"
            />
          </div>
          <CWButton
            label="Cancel"
            buttonType="secondary"
            buttonHeight="sm"
            onClick={onModalClose}
          />
          <CWButton
            buttonType="primary"
            buttonHeight="sm"
            onClick={handleSaveChanges}
            label="Save changes"
          />
        </div>
        {errorMsg && (
          <CWValidationText
            className="error-message"
            message={errorMsg}
            status="failure"
          />
        )}
      </CWModalFooter>
    </div>
  );
};

1	import { pluralizeWithoutNumberPrefix } from 'helpers';
2	import React, { useState } from 'react';
3	import Topic, { TopicAttributes } from '../../models/Topic';
4	import { useCommonNavigate } from '../../navigation/helpers';
5	import app from '../../state';
6	import {
7	useDeleteTopicMutation,
8	useEditTopicMutation,
9	} from '../../state/api/topics';
10	import { CWCheckbox } from '../components/component_kit/cw_checkbox';
11	import { CWTextInput } from '../components/component_kit/cw_text_input';
12	import { CWValidationText } from '../components/component_kit/cw_validation_text';
13	import { CWButton } from '../components/component_kit/new_designs/CWButton';
14	import {
15	CWModalBody,
16	CWModalFooter,
17	CWModalHeader,
18	} from '../components/component_kit/new_designs/CWModal';
19	import { openConfirmation } from './confirmation_modal';
20
21	import { notifySuccess } from 'controllers/app/notifications';
22	import '../../../styles/modals/edit_topic_modal.scss';
23	import useAppStatus from '../../hooks/useAppStatus';
24
25	type EditTopicModalProps = {
26	onModalClose: () => void;
27	topic: Topic;
28	noRedirect?: boolean;
29	};
30
UNCOV 31	export const EditTopicModal = ({	×
32	topic,
33	onModalClose,
34	noRedirect,
35	}: EditTopicModalProps) => {
36	const {
37	description: descriptionProp,
38	featuredInSidebar: featuredInSidebarProp,
39	id,
40	name: nameProp,
UNCOV 41	} = topic;	×
42
43	const navigate = useCommonNavigate();	×
44	const { mutateAsync: editTopic } = useEditTopicMutation();	×
45	const { mutateAsync: deleteTopic } = useDeleteTopicMutation();	×
46	const [errorMsg, setErrorMsg] = useState<string \| null>(null);	×
47	const [isSaving, setIsSaving] = useState<boolean>(false);	×
48	const [description, setDescription] = useState<string>(descriptionProp);	×
UNCOV 49	const [featuredInSidebar, setFeaturedInSidebar] = useState<boolean>(	×
50	// @ts-expect-error <StrictNullChecks/>
51	featuredInSidebarProp,
52	);
UNCOV 53	const [name, setName] = useState<string>(nameProp);	×
54
UNCOV 55	const { isAddedToHomeScreen } = useAppStatus();	×
56
57	const handleSaveChanges = async () => {	×
UNCOV 58	setIsSaving(true);	×
59
60	const topicInfo: TopicAttributes = {	×
61	id,
62	description: description,
63	name: name,
64	community_id: app.activeChainId(),
65	// @ts-expect-error <StrictNullChecks/>
66	telegram: null,
67	featured_in_sidebar: featuredInSidebar,
68	featured_in_new_post: false,
69	default_offchain_template: '',
70	total_threads: topic.totalThreads \|\| 0,	×
71	};
72
UNCOV 73	try {	×
UNCOV 74	await editTopic({	×
75	topic: new Topic(topicInfo),
76	isPWA: isAddedToHomeScreen,
77	});
UNCOV 78	if (noRedirect) {	×
UNCOV 79	onModalClose();	×
UNCOV 80	notifySuccess('Topic updated!');	×
81	} else {
82	navigate(`/discussions/${encodeURI(name.toString().trim())}`);	×
83	}
84	} catch (err) {
UNCOV 85	setErrorMsg(err.message \|\| err);	×
86	} finally {
UNCOV 87	setIsSaving(false);	×
88	}
89	};
90
UNCOV 91	const handleDeleteTopic = async () => {	×
UNCOV 92	openConfirmation({	×
93	title: 'Warning',
94	description: <>Delete this topic?</>,
95	buttons: [
96	{
97	label: 'Cancel',
98	buttonType: 'secondary',
99	buttonHeight: 'sm',
100	},
101	{
102	label: 'Delete',
103	buttonType: 'destructive',
104	buttonHeight: 'sm',
105	onClick: async () => {
UNCOV 106	await deleteTopic({	×
107	topicId: id,
108	topicName: name,
109	communityId: app.activeChainId() \|\| '',	×
110	});
UNCOV 111	if (noRedirect) {	×
112	onModalClose();	×
113	} else {
UNCOV 114	navigate('/');	×
115	}
116	},
117	},
118	],
119	});
120	};
121
UNCOV 122	return (	×
123	<div className="EditTopicModal">
124	<CWModalHeader label="Edit topic" onModalClose={onModalClose} />
125	<CWModalBody>
126	<CWTextInput
127	label="Name"
128	value={name}
129	onInput={(e) => {
UNCOV 130	setName(e.target.value);	×
131	}}
132	inputValidationFn={(text: string) => {
133	let newErrorMsg;
134
UNCOV 135	const disallowedCharMatches = text.match(/["<>%{}\|\\/^`]/g);	×
136	if (disallowedCharMatches) {	×
137	newErrorMsg = `The ${pluralizeWithoutNumberPrefix(	×
138	disallowedCharMatches.length,
139	'char',
140	)}
141	${disallowedCharMatches.join(', ')} are not permitted`;
UNCOV 142	setErrorMsg(newErrorMsg);	×
UNCOV 143	return ['failure', newErrorMsg];	×
144	}
145
UNCOV 146	if (errorMsg) {	×
UNCOV 147	setErrorMsg(null);	×
148	}
149
UNCOV 150	return ['success', 'Valid topic name'];	×
151	}}
152	/>
153	<CWTextInput
154	label="Description"
155	name="description"
156	tabIndex={2}
157	value={description}
158	onInput={(e) => {
UNCOV 159	setDescription(e.target.value);	×
160	}}
161	/>
162	<CWCheckbox
163	label="Featured in Sidebar"
164	checked={featuredInSidebar}
165	onChange={() => {
UNCOV 166	setFeaturedInSidebar(!featuredInSidebar);	×
167	}}
168	value=""
169	/>
170	</CWModalBody>
171	<CWModalFooter className="EditTopicModalFooter">
172	<div className="action-buttons">
173	<div className="delete-topic">
174	<CWButton
175	buttonType="destructive"
176	buttonHeight="sm"
177	disabled={isSaving}
178	onClick={handleDeleteTopic}
179	label="Delete topic"
180	/>
181	</div>
182	<CWButton
183	label="Cancel"
184	buttonType="secondary"
185	buttonHeight="sm"
186	onClick={onModalClose}
187	/>
188	<CWButton
189	buttonType="primary"
190	buttonHeight="sm"
191	onClick={handleSaveChanges}
192	label="Save changes"
193	/>
194	</div>
195	{errorMsg && (	×
196	<CWValidationText
197	className="error-message"
198	message={errorMsg}
199	status="failure"
200	/>
201	)}
202	</CWModalFooter>
203	</div>
204	);
205	};

hicommonwealth / commonwealth / 10855335619

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