10903960302

Committed 17 Sep 2024 01:21PM UTC coverage: 13.779% (+0.09%) from 13.685%

Build # 10903960302

Build Type

Pull #9229

github

Committed by

web-flow

Commit Message

Merge a4ae01c64 into 4a1bad3d0

Pull Request Pull Request #9229: Decode Content in updateThread command

Run Details

3034 of 20386 branches covered (14.88%)

Branch coverage included in aggregate %.

5 of 10 new or added lines in 5 files covered. (50.0%)

119 existing lines in 6 files now uncovered.

3958 of 30358 relevant lines covered (13.04%)

3.94 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/pages/search/helpers.tsx

import { CommunityMember } from '@hicommonwealth/schemas';
import moment from 'moment';
import 'pages/search/index.scss';
import React, { useMemo } from 'react';
import app from 'state';
import { useFetchCustomDomainQuery } from 'state/api/configuration';
import { useFetchProfilesByAddressesQuery } from 'state/api/profiles';
import { z } from 'zod';
import type MinimumProfile from '../../../models/MinimumProfile';
import { SearchScope } from '../../../models/SearchQuery';
import { CommunityLabel } from '../../components/community_label';
import { CWIcon } from '../../components/component_kit/cw_icons/cw_icon';
import { CWText } from '../../components/component_kit/cw_text';
import { renderTruncatedHighlights } from '../../components/react_quill_editor/highlighter';
import { QuillRenderer } from '../../components/react_quill_editor/quill_renderer';
import { User } from '../../components/user/user';

export type ThreadResult = {
  id: number;
  community_id: string;
  title: string;
  body: string;
  address_id: number;
  address_user_id: number;
  address: string;
  address_community_id: string;
  created_at: string;
};
type ThreadResultRowProps = {
  thread: ThreadResult;
  searchTerm: string;
  setRoute: any;
};
const ThreadResultRow = ({
  thread,
  searchTerm,
  setRoute,
}: ThreadResultRowProps) => {
  const { data: domain } = useFetchCustomDomainQuery();

  const title = useMemo(() => {
    try {
      return decodeURIComponent(thread.title);
    } catch (error) {
      return thread.title;
    }
  }, [thread.title]);

  const handleClick = () => {
    setRoute(`/discussion/${thread.id}`, {}, thread.community_id);
  };

  if (
    domain?.isCustomDomain &&
    domain?.customDomainId !== thread.community_id
  ) {
    return <></>;
  }

  return (
    <div key={thread.id} className="search-result-row" onClick={handleClick}>
      <CWIcon iconName="feedback" />
      <div className="inner-container">
        <CWText fontStyle="uppercase" type="caption" className="thread-header">
          {`discussion - ${thread.community_id}`}
        </CWText>
        <CWText className="search-results-thread-title" fontWeight="medium">
          {renderTruncatedHighlights(searchTerm, title)}
        </CWText>
        <div className="search-results-thread-subtitle">
          <User
            userAddress={thread?.address}
            userCommunityId={thread?.address_community_id}
            shouldShowAsDeleted={
              !thread?.address && !thread?.address_community_id
            }
          />
          <CWText className="created-at">
            {moment(thread.created_at).fromNow()}
          </CWText>
        </div>
        <CWText>
          <QuillRenderer
            containerClass="SearchQuillRenderer"
            hideFormatting={true}
            doc={thread.body}
            searchTerm={searchTerm}
            markdownCutoffLength={400}
          />
        </CWText>
      </div>
    </div>
  );
};

export type ReplyResult = {
  id: number;
  proposalid: number;
  community_id: string;
  title: string;
  text: string;
  address_id: number;
  address: string;
  address_community_id: string;
  created_at: string;
};
type ReplyResultRowProps = {
  comment: ReplyResult;
  searchTerm: string;
  setRoute: any;
};
// eslint-disable-next-line react/no-multi-comp
const ReplyResultRow = ({
  comment,
  searchTerm,
  setRoute,
}: ReplyResultRowProps) => {
  const proposalId = comment.proposalid;
  const communityId = comment.community_id;

  const { data: domain } = useFetchCustomDomainQuery();

  const title = useMemo(() => {
    try {
      return decodeURIComponent(comment.title);
    } catch (error) {
      return comment.title;
    }
  }, [comment.title]);

  const handleClick = () => {
    setRoute(
      `/discussion/${proposalId}?comment=${comment.id}`,
      {},
      communityId,
    );
  };

  if (domain?.isCustomDomain && domain?.customDomainId !== communityId) {
    return <></>;
  }

  return (
    <div key={comment.id} className="search-result-row" onClick={handleClick}>
      <CWIcon iconName="feedback" />
      <div className="inner-container">
        <CWText fontWeight="medium">{`comment - ${communityId}`}</CWText>
        <CWText className="search-results-thread-title">
          {renderTruncatedHighlights(searchTerm, title)}
        </CWText>
        <div className="search-results-thread-subtitle">
          <User
            userAddress={comment.address}
            userCommunityId={comment.address_community_id}
            shouldShowAsDeleted={
              !comment?.address && !comment?.address_community_id
            }
          />
          <CWText className="created-at">
            {moment(comment.created_at).fromNow()}
          </CWText>
        </div>
        <CWText>
          <QuillRenderer
            containerClass="SearchQuillRenderer"
            hideFormatting={true}
            doc={comment.text}
            searchTerm={searchTerm}
          />
        </CWText>
      </div>
    </div>
  );
};

/**
 *  This function sets the route to go to the search result (i.e. a community).
 *  At this point the route is /:scope/search where :scope is the current community id.
 *  The route should be set to /<community-id>, so null should be passed instead of a prefix,
 *  as defined in the useCommonNavigate hook and the getScopePrefix helper function.
 */
export type CommunityResult = {
  id: string;
  name: string;
  default_symbol: string;
  type: string;
  icon_url: string;
  created_at: string | null;
};
type CommunityResultRowProps = {
  community: CommunityResult;
  searchTerm: string;
  setRoute: any;
};
// eslint-disable-next-line react/no-multi-comp
const CommunityResultRow = ({
  community,
  setRoute,
}: CommunityResultRowProps) => {
  const handleClick = () => {
    setRoute(community.id ? `/${community.id}` : '/', {}, null);
  };

  return (
    <div
      key={community.id}
      className="community-result-row"
      onClick={handleClick}
    >
      <CommunityLabel
        name={community?.name || ''}
        iconUrl={community?.icon_url || ''}
      />
    </div>
  );
};

export type MemberResult = z.infer<typeof CommunityMember>;

type MemberResultRowProps = {
  addr: MemberResult;
  setRoute: any;
};
// eslint-disable-next-line react/no-multi-comp
const MemberResultRow = ({ addr, setRoute }: MemberResultRowProps) => {
  const { community_id, address } = addr.addresses[0];
  const { data: users } = useFetchProfilesByAddressesQuery({
    profileChainIds: [community_id],
    profileAddresses: [address],
    currentChainId: app.activeChainId() || '',
    apiCallEnabled: !!(community_id && address),
  });
  const profile: MinimumProfile = users?.[0];

  const { data: domain } = useFetchCustomDomainQuery();

  const handleClick = () => {
    setRoute(`/profile/id/${profile?.userId}`, {}, null);
  };

  if (domain?.isCustomDomain && domain?.customDomainId !== community_id) {
    return null;
  }

  return (
    <div key={address} className="member-result-row" onClick={handleClick}>
      <User
        userAddress={address}
        userCommunityId={community_id}
        shouldShowAsDeleted={!address && !community_id}
        shouldShowRole
        shouldLinkProfile
        avatarSize={32}
        shouldShowAddressWithDisplayName
      />
    </div>
  );
};

export const renderSearchResults = (
  results: any[],
  searchTerm: string,
  searchType: SearchScope,
  setRoute: any,
) => {
  if (!results || results.length === 0) {
    return [];
  }
  const components = results.map((res) => {
    switch (searchType) {
      case SearchScope.Threads:
        return (
          <ThreadResultRow
            thread={res}
            searchTerm={searchTerm}
            setRoute={setRoute}
          />
        );
      case SearchScope.Members:
        return <MemberResultRow addr={res} setRoute={setRoute} />;
      case SearchScope.Communities:
        return (
          <CommunityResultRow
            community={res}
            searchTerm={searchTerm}
            setRoute={setRoute}
          />
        );
      case SearchScope.Replies:
        return (
          <ReplyResultRow
            comment={res}
            searchTerm={searchTerm}
            setRoute={setRoute}
          />
        );
      default:
        return <>ERROR</>;
    }
  });
  return components;
};

1	import { CommunityMember } from '@hicommonwealth/schemas';
2	import moment from 'moment';
3	import 'pages/search/index.scss';
4	import React, { useMemo } from 'react';
5	import app from 'state';
6	import { useFetchCustomDomainQuery } from 'state/api/configuration';
7	import { useFetchProfilesByAddressesQuery } from 'state/api/profiles';
8	import { z } from 'zod';
9	import type MinimumProfile from '../../../models/MinimumProfile';
10	import { SearchScope } from '../../../models/SearchQuery';
11	import { CommunityLabel } from '../../components/community_label';
12	import { CWIcon } from '../../components/component_kit/cw_icons/cw_icon';
13	import { CWText } from '../../components/component_kit/cw_text';
14	import { renderTruncatedHighlights } from '../../components/react_quill_editor/highlighter';
15	import { QuillRenderer } from '../../components/react_quill_editor/quill_renderer';
16	import { User } from '../../components/user/user';
17
18	export type ThreadResult = {
19	id: number;
20	community_id: string;
21	title: string;
22	body: string;
23	address_id: number;
24	address_user_id: number;
25	address: string;
26	address_community_id: string;
27	created_at: string;
28	};
29	type ThreadResultRowProps = {
30	thread: ThreadResult;
31	searchTerm: string;
32	setRoute: any;
33	};
UNCOV 34	const ThreadResultRow = ({	×
35	thread,
36	searchTerm,
37	setRoute,
38	}: ThreadResultRowProps) => {
UNCOV 39	const { data: domain } = useFetchCustomDomainQuery();	×
40
UNCOV 41	const title = useMemo(() => {	×
42	try {	×
NEW 43	return decodeURIComponent(thread.title);	×
44	} catch (error) {
UNCOV 45	return thread.title;	×
46	}
47	}, [thread.title]);
48
UNCOV 49	const handleClick = () => {	×
50	setRoute(`/discussion/${thread.id}`, {}, thread.community_id);	×
51	};
52
UNCOV 53	if (	×
54	domain?.isCustomDomain &&	×
55	domain?.customDomainId !== thread.community_id
56	) {
57	return <></>;	×
58	}
59
UNCOV 60	return (	×
61	<div key={thread.id} className="search-result-row" onClick={handleClick}>
62	<CWIcon iconName="feedback" />
63	<div className="inner-container">
64	<CWText fontStyle="uppercase" type="caption" className="thread-header">
65	{`discussion - ${thread.community_id}`}
66	</CWText>
67	<CWText className="search-results-thread-title" fontWeight="medium">
68	{renderTruncatedHighlights(searchTerm, title)}
69	</CWText>
70	<div className="search-results-thread-subtitle">
71	<User
72	userAddress={thread?.address}
73	userCommunityId={thread?.address_community_id}
74	shouldShowAsDeleted={
75	!thread?.address && !thread?.address_community_id	×
76	}
77	/>
78	<CWText className="created-at">
79	{moment(thread.created_at).fromNow()}
80	</CWText>
81	</div>
82	<CWText>
83	<QuillRenderer
84	containerClass="SearchQuillRenderer"
85	hideFormatting={true}
86	doc={thread.body}
87	searchTerm={searchTerm}
88	markdownCutoffLength={400}
89	/>
90	</CWText>
91	</div>
92	</div>
93	);
94	};
95
96	export type ReplyResult = {
97	id: number;
98	proposalid: number;
99	community_id: string;
100	title: string;
101	text: string;
102	address_id: number;
103	address: string;
104	address_community_id: string;
105	created_at: string;
106	};
107	type ReplyResultRowProps = {
108	comment: ReplyResult;
109	searchTerm: string;
110	setRoute: any;
111	};
112	// eslint-disable-next-line react/no-multi-comp
UNCOV 113	const ReplyResultRow = ({	×
114	comment,
115	searchTerm,
116	setRoute,
117	}: ReplyResultRowProps) => {
118	const proposalId = comment.proposalid;	×
UNCOV 119	const communityId = comment.community_id;	×
120
NEW 121	const { data: domain } = useFetchCustomDomainQuery();	×
122
UNCOV 123	const title = useMemo(() => {	×
124	try {	×
125	return decodeURIComponent(comment.title);	×
126	} catch (error) {
UNCOV 127	return comment.title;	×
128	}
129	}, [comment.title]);
130
UNCOV 131	const handleClick = () => {	×
132	setRoute(	×
133	`/discussion/${proposalId}?comment=${comment.id}`,
134	{},
135	communityId,
136	);
137	};
138
UNCOV 139	if (domain?.isCustomDomain && domain?.customDomainId !== communityId) {	×
UNCOV 140	return <></>;	×
141	}
142
UNCOV 143	return (	×
144	<div key={comment.id} className="search-result-row" onClick={handleClick}>
145	<CWIcon iconName="feedback" />
146	<div className="inner-container">
147	<CWText fontWeight="medium">{`comment - ${communityId}`}</CWText>
148	<CWText className="search-results-thread-title">
149	{renderTruncatedHighlights(searchTerm, title)}
150	</CWText>
151	<div className="search-results-thread-subtitle">
152	<User
153	userAddress={comment.address}
154	userCommunityId={comment.address_community_id}
155	shouldShowAsDeleted={
156	!comment?.address && !comment?.address_community_id	×
157	}
158	/>
159	<CWText className="created-at">
160	{moment(comment.created_at).fromNow()}
161	</CWText>
162	</div>
163	<CWText>
164	<QuillRenderer
165	containerClass="SearchQuillRenderer"
166	hideFormatting={true}
167	doc={comment.text}
168	searchTerm={searchTerm}
169	/>
170	</CWText>
171	</div>
172	</div>
173	);
174	};
175
176	/**
177	* This function sets the route to go to the search result (i.e. a community).
178	* At this point the route is /:scope/search where :scope is the current community id.
179	* The route should be set to /<community-id>, so null should be passed instead of a prefix,
180	* as defined in the useCommonNavigate hook and the getScopePrefix helper function.
181	*/
182	export type CommunityResult = {
183	id: string;
184	name: string;
185	default_symbol: string;
186	type: string;
187	icon_url: string;
188	created_at: string \| null;
189	};
190	type CommunityResultRowProps = {
191	community: CommunityResult;
192	searchTerm: string;
193	setRoute: any;
194	};
195	// eslint-disable-next-line react/no-multi-comp
UNCOV 196	const CommunityResultRow = ({	×
197	community,
198	setRoute,
199	}: CommunityResultRowProps) => {
UNCOV 200	const handleClick = () => {	×
UNCOV 201	setRoute(community.id ? `/${community.id}` : '/', {}, null);	×
202	};
203
UNCOV 204	return (	×
205	<div
206	key={community.id}
207	className="community-result-row"
208	onClick={handleClick}
209	>
210	<CommunityLabel
211	name={community?.name \|\| ''}	×
212	iconUrl={community?.icon_url \|\| ''}	×
213	/>
214	</div>
215	);
216	};
217
218	export type MemberResult = z.infer<typeof CommunityMember>;
219
220	type MemberResultRowProps = {
221	addr: MemberResult;
222	setRoute: any;
223	};
224	// eslint-disable-next-line react/no-multi-comp
UNCOV 225	const MemberResultRow = ({ addr, setRoute }: MemberResultRowProps) => {	×
226	const { community_id, address } = addr.addresses[0];	×
UNCOV 227	const { data: users } = useFetchProfilesByAddressesQuery({	×
228	profileChainIds: [community_id],
229	profileAddresses: [address],
230	currentChainId: app.activeChainId() \|\| '',	×
231	apiCallEnabled: !!(community_id && address),	×
232	});
UNCOV 233	const profile: MinimumProfile = users?.[0];	×
234
235	const { data: domain } = useFetchCustomDomainQuery();	×
236
UNCOV 237	const handleClick = () => {	×
238	setRoute(`/profile/id/${profile?.userId}`, {}, null);	×
239	};
240
UNCOV 241	if (domain?.isCustomDomain && domain?.customDomainId !== community_id) {	×
UNCOV 242	return null;	×
243	}
244
UNCOV 245	return (	×
246	<div key={address} className="member-result-row" onClick={handleClick}>
247	<User
248	userAddress={address}
249	userCommunityId={community_id}
250	shouldShowAsDeleted={!address && !community_id}	×
251	shouldShowRole
252	shouldLinkProfile
253	avatarSize={32}
254	shouldShowAddressWithDisplayName
255	/>
256	</div>
257	);
258	};
259
260	export const renderSearchResults = (	×
261	results: any[],
262	searchTerm: string,
263	searchType: SearchScope,
264	setRoute: any,
265	) => {
UNCOV 266	if (!results \|\| results.length === 0) {	×
UNCOV 267	return [];	×
268	}
UNCOV 269	const components = results.map((res) => {	×
UNCOV 270	switch (searchType) {	×
271	case SearchScope.Threads:
UNCOV 272	return (	×
273	<ThreadResultRow
274	thread={res}
275	searchTerm={searchTerm}
276	setRoute={setRoute}
277	/>
278	);
279	case SearchScope.Members:
UNCOV 280	return <MemberResultRow addr={res} setRoute={setRoute} />;	×
281	case SearchScope.Communities:
UNCOV 282	return (	×
283	<CommunityResultRow
284	community={res}
285	searchTerm={searchTerm}
286	setRoute={setRoute}
287	/>
288	);
289	case SearchScope.Replies:
UNCOV 290	return (	×
291	<ReplyResultRow
292	comment={res}
293	searchTerm={searchTerm}
294	setRoute={setRoute}
295	/>
296	);
297	default:
UNCOV 298	return <>ERROR</>;	×
299	}
300	});
UNCOV 301	return components;	×
302	};

hicommonwealth / commonwealth / 10903960302

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