#9048

Committed 11 Oct 2024 01:42PM UTC coverage: 5.943%. First build

Build # #9048

Build Type

Pull #7022

travis-ci

Pull Request Pull Request #7022: [v0.74.0] Roles API + Unauthenticated Explore page

Run Details

202 of 10241 branches covered (1.97%)

Branch coverage included in aggregate %.

63 of 431 new or added lines in 60 files covered. (14.62%)

1468 of 17861 relevant lines covered (8.22%)

0.19 hits per line

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

0.0

/src/main/search/searchResults/useHydratedCard.tsx

import {
  SearchResultOrganizationFragment,
  SearchResultPostFragment,
  SearchResultSpaceFragment,
  SearchResultType,
  SearchResultUserFragment,
  UserRolesSearchCardsQuery,
  VisualType,
} from '@/core/apollo/generated/graphql-schema';
import { RoleType } from '@/domain/community/user/constants/RoleType';
import { getVisualByType } from '@/domain/common/visual/utils/visuals.utils';
import { useUserRolesSearchCardsQuery } from '@/core/apollo/generated/apollo-hooks';
import { useCurrentUserContext } from '@/domain/community/userCurrent/useCurrentUserContext';
import { TypedSearchResult } from '../SearchView';
import { SearchContributionCardCard } from '@/domain/shared/components/search-cards/SearchContributionPostCard';
import { SpaceL0Icon } from '@/domain/space/icons/SpaceL0Icon';
import ContributingUserCard from '@/domain/community/user/ContributingUserCard/ContributingUserCard';
import CardContent from '@/core/ui/card/CardContent';
import ContributingOrganizationCard from '@/domain/community/organization/ContributingOrganizationCard/ContributingOrganizationCard';
import CardParentSpaceSegment from '@/domain/space/components/cards/components/CardParentSpaceSegment';
import SpaceCard from '@/domain/space/components/cards/SpaceCard';
import { spaceLevelIcon } from '@/domain/space/icons/SpaceIconByLevel';
import { ComponentType } from 'react';
import { SvgIconProps } from '@mui/material';

const hydrateUserCard = (data: TypedSearchResult<SearchResultType.User, SearchResultUserFragment>) => {
  const user = data.user;
  const profile = user.profile;
  const avatarUri = profile.visual?.uri;
  const { country, city } = profile.location ?? {};
  const tags = profile.tagsets?.[0]?.tags ?? [];

  return (
    <ContributingUserCard
      id={user.id}
      displayName={user.profile.displayName}
      description={profile.description}
      avatarUri={avatarUri}
      city={city}
      country={country}
      tags={tags}
      userUri={user.profile.url}
      matchedTerms={data.terms}
      isContactable={user.isContactable}
    />
  );
};

const _hydrateOrganizationCard = (
  data: TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>,
  userRoles: UserRolesSearchCardsQuery['rolesUser'] | undefined
) => {
  const organization = data.organization;
  const profile = data.organization.profile;
  const avatarUri = profile.visual?.uri;
  const { country, city } = profile.location ?? {};
  const url = organization.profile.url;
  const tags = profile.tagsets?.[0]?.tags ?? [];

  const organizationRoles = userRoles?.organizations.find(x => x.id === organization.id);
  const isMember = organizationRoles?.roles.some(x => x === RoleType.Associate);

  return (
    <ContributingOrganizationCard
      displayName={organization.profile.displayName}
      description={profile.description}
      avatarUri={avatarUri}
      city={city}
      country={country}
      tags={tags}
      userUri={url}
      member={isMember}
      matchedTerms={data.terms}
    />
  );
};

const hydrateSpaceCard = (
  data: TypedSearchResult<SearchResultType.Space | SearchResultType.Subspace, SearchResultSpaceFragment>
) => {
  const space = data.space;
  const spaceProfile = space.about.profile;
  const tagline = spaceProfile?.tagline ?? '';
  const name = spaceProfile.displayName;
  const tags = space.about.profile.tagset?.tags;

  // Create parentInfo for SpaceCard
  const parentInfo = data.parentSpace
    ? {
        displayName: data.parentSpace.about.profile.displayName,
        url: data.parentSpace.about.profile.url ?? '',
        avatar: data.parentSpace.about.profile.avatar?.uri
          ? {
              id: data.parentSpace.about.profile.avatar.id ?? '',
              uri: data.parentSpace.about.profile.avatar.uri,
              alternativeText: data.parentSpace.about.profile.avatar.alternativeText ?? undefined,
            }
          : undefined,
      }
    : undefined;

  return (
    <SpaceCard
      displayName={name}
      tagline={tagline}
      spaceVisibility={space.visibility}
      level={space.level}
      isPrivate={!space.about.isContentPublic}
      showLeads={false}
      banner={getVisualByType(VisualType.Card, spaceProfile.visuals)}
      spaceUri={spaceProfile.url}
      tags={tags}
      parentInfo={parentInfo}
    />
  );
};

interface ContributionParentInformation {
  displayName: string;
  locked: boolean;
  url: string;
  icon: ComponentType<SvgIconProps>;
}

const getContributionParentInformation = (
  data: TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>
): ContributionParentInformation => {
  return {
    displayName: data.space.about.profile.displayName,
    locked: !data.space?.about.isContentPublic,
    url: data.space.about.profile.url,
    icon: spaceLevelIcon[data.space.level] ?? SpaceL0Icon,
  };
};

const hydrateContributionPost = (data: TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>) => {
  if (!data?.post) {
    return null;
  }

  const card = data.post;

  const parent = getContributionParentInformation(data);

  return (
    <SearchContributionCardCard
      name={card.profile.displayName}
      author={card.createdBy?.profile.displayName}
      description={card.profile.description}
      tags={card.profile.tagset?.tags}
      createdDate={card.createdDate}
      commentsCount={card.comments?.messagesCount}
      matchedTerms={data.terms}
      url={data.post.profile.url}
      parentSegment={
        <CardContent>
          <CardParentSpaceSegment parentSpaceUri={data.callout.framing.profile.url}>
            {data.callout.framing.profile.displayName}
          </CardParentSpaceSegment>
          <CardParentSpaceSegment iconComponent={parent.icon} parentSpaceUri={parent.url} locked={parent.locked}>
            {parent.displayName}
          </CardParentSpaceSegment>
        </CardContent>
      }
    />
  );
};

interface HydratedCardGetter<Data> {
  (data: Data): null | React.ReactElement;
}

interface UseHydrateCardProvided {
  hydrateUserCard: HydratedCardGetter<TypedSearchResult<SearchResultType.User, SearchResultUserFragment>>;
  hydrateOrganizationCard: HydratedCardGetter<
    TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>
  >;
  hydrateContributionCard: HydratedCardGetter<TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>>;
  hydrateSpaceCard: HydratedCardGetter<
    TypedSearchResult<SearchResultType.Space | SearchResultType.Subspace, SearchResultSpaceFragment>
  >;
}

export const useHydrateCard = (): UseHydrateCardProvided => {
  const { userModel } = useCurrentUserContext();
  const userId = userModel?.id;

  const { data: rolesData } = useUserRolesSearchCardsQuery({
    variables: {
      userId: userId!,
    },
    skip: !userId,
  });

  const userRoles = rolesData?.rolesUser;

  const hydrateOrganizationCard = (
    result: TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>
  ) => _hydrateOrganizationCard(result, userRoles);

  return {
    hydrateSpaceCard,
    hydrateContributionCard: hydrateContributionPost,
    hydrateUserCard,
    hydrateOrganizationCard,
  };
};

1	import {
2	SearchResultOrganizationFragment,
3	SearchResultPostFragment,
4	SearchResultSpaceFragment,
5	SearchResultType,
6	SearchResultUserFragment,
7	UserRolesSearchCardsQuery,
8	VisualType,
9	} from '@/core/apollo/generated/graphql-schema';
10	import { RoleType } from '@/domain/community/user/constants/RoleType';
11	import { getVisualByType } from '@/domain/common/visual/utils/visuals.utils';
12	import { useUserRolesSearchCardsQuery } from '@/core/apollo/generated/apollo-hooks';
13	import { useCurrentUserContext } from '@/domain/community/userCurrent/useCurrentUserContext';
14	import { TypedSearchResult } from '../SearchView';
15	import { SearchContributionCardCard } from '@/domain/shared/components/search-cards/SearchContributionPostCard';
16	import { SpaceL0Icon } from '@/domain/space/icons/SpaceL0Icon';
17	import ContributingUserCard from '@/domain/community/user/ContributingUserCard/ContributingUserCard';
18	import CardContent from '@/core/ui/card/CardContent';
19	import ContributingOrganizationCard from '@/domain/community/organization/ContributingOrganizationCard/ContributingOrganizationCard';
20	import CardParentSpaceSegment from '@/domain/space/components/cards/components/CardParentSpaceSegment';
21	import SpaceCard from '@/domain/space/components/cards/SpaceCard';
22	import { spaceLevelIcon } from '@/domain/space/icons/SpaceIconByLevel';
23	import { ComponentType } from 'react';
24	import { SvgIconProps } from '@mui/material';
25
26	const hydrateUserCard = (data: TypedSearchResult<SearchResultType.User, SearchResultUserFragment>) => {
27	const user = data.user;
28	const profile = user.profile;
29	const avatarUri = profile.visual?.uri;
30	const { country, city } = profile.location ?? {};
31	const tags = profile.tagsets?.[0]?.tags ?? [];
32		×
33	return (	×
34	<ContributingUserCard	×
35	id={user.id}	×
36	displayName={user.profile.displayName}	×
37	description={profile.description}	×
38	avatarUri={avatarUri}	×
39	city={city}
40	country={country}	×
41	tags={tags}
42	userUri={user.profile.url}
43	matchedTerms={data.terms}
44	isContactable={user.isContactable}
45	/>
46	);
47	};
48
49	const _hydrateOrganizationCard = (
50	data: TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>,
51	userRoles: UserRolesSearchCardsQuery['rolesUser'] \| undefined
52	) => {
53	const organization = data.organization;
54	const profile = data.organization.profile;
55	const avatarUri = profile.visual?.uri;
56	const { country, city } = profile.location ?? {};	×
57	const url = organization.profile.url;
58	const tags = profile.tagsets?.[0]?.tags ?? [];
59
60	const organizationRoles = userRoles?.organizations.find(x => x.id === organization.id);	×
61	const isMember = organizationRoles?.roles.some(x => x === RoleType.Associate);	×
62		×
63	return (	×
64	<ContributingOrganizationCard	×
65	displayName={organization.profile.displayName}	×
66	description={profile.description}
67	avatarUri={avatarUri}	×
68	city={city}	×
69	country={country}
70	tags={tags}	×
71	userUri={url}
72	member={isMember}
73	matchedTerms={data.terms}
74	/>
75	);
76	};
77
78	const hydrateSpaceCard = (
79	data: TypedSearchResult<SearchResultType.Space \| SearchResultType.Subspace, SearchResultSpaceFragment>
80	) => {
81	const space = data.space;
82	const spaceProfile = space.about.profile;
83	const tagline = spaceProfile?.tagline ?? '';
84	const name = spaceProfile.displayName;
85	const tags = space.about.profile.tagset?.tags;	×
86
87	// Create parentInfo for SpaceCard
88	const parentInfo = data.parentSpace
89	? {
90	displayName: data.parentSpace.about.profile.displayName,
91	url: data.parentSpace.about.profile.url ?? '',	×
92	avatar: data.parentSpace.about.profile.avatar?.uri	×
93	? {	×
94	id: data.parentSpace.about.profile.avatar.id ?? '',	×
95	uri: data.parentSpace.about.profile.avatar.uri,	×
96	alternativeText: data.parentSpace.about.profile.avatar.alternativeText ?? undefined,
NEW 97	}	×
98	: undefined,
99	}	×
100	: undefined;
101
102	return (
103	<SpaceCard
104	displayName={name}
105	tagline={tagline}	×
106	spaceVisibility={space.visibility}	×
107	level={space.level}
108	isPrivate={!space.about.isContentPublic}
109	showLeads={false}	×
110	banner={getVisualByType(VisualType.Card, spaceProfile.visuals)}
111	spaceUri={spaceProfile.url}	×
112	tags={tags}
113	parentInfo={parentInfo}
114	/>	×
115	);
116	};
117
118	interface ContributionParentInformation {
119	displayName: string;
120	locked: boolean;
121	url: string;
122	icon: ComponentType<SvgIconProps>;	×
123	}
124
125	const getContributionParentInformation = (
126	data: TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>
127	): ContributionParentInformation => {
128	return {
129	displayName: data.space.about.profile.displayName,
130	locked: !data.space?.about.isContentPublic,
131	url: data.space.about.profile.url,
132	icon: spaceLevelIcon[data.space.level] ?? SpaceL0Icon,
133	};
134	};
135
136	const hydrateContributionPost = (data: TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>) => {
137	if (!data?.post) {
138	return null;
139	}
140		×
141	const card = data.post;	×
142
143	const parent = getContributionParentInformation(data);
144
145	return (
146	<SearchContributionCardCard
147	name={card.profile.displayName}
148	author={card.createdBy?.profile.displayName}	×
149	description={card.profile.description}	×
150	tags={card.profile.tagset?.tags}	×
151	createdDate={card.createdDate}	×
152	commentsCount={card.comments?.messagesCount}	×
153	matchedTerms={data.terms}	×
154	url={data.post.profile.url}
155	parentSegment={
156	<CardContent>	×
157	<CardParentSpaceSegment parentSpaceUri={data.callout.framing.profile.url}>
158	{data.callout.framing.profile.displayName}
159	</CardParentSpaceSegment>	×
160	<CardParentSpaceSegment iconComponent={parent.icon} parentSpaceUri={parent.url} locked={parent.locked}>	×
161	{parent.displayName}	×
162	</CardParentSpaceSegment>
163	</CardContent>
164	}	×
165	/>
166	);	×
167	};
168		×
169	interface HydratedCardGetter<Data> {
170	(data: Data): null \| React.ReactElement;
171	}
172
173	interface UseHydrateCardProvided {
174	hydrateUserCard: HydratedCardGetter<TypedSearchResult<SearchResultType.User, SearchResultUserFragment>>;
175	hydrateOrganizationCard: HydratedCardGetter<
176	TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>
177	>;
178	hydrateContributionCard: HydratedCardGetter<TypedSearchResult<SearchResultType.Post, SearchResultPostFragment>>;
179	hydrateSpaceCard: HydratedCardGetter<
180	TypedSearchResult<SearchResultType.Space \| SearchResultType.Subspace, SearchResultSpaceFragment>
181	>;
182	}
183
184	export const useHydrateCard = (): UseHydrateCardProvided => {
185	const { userModel } = useCurrentUserContext();
186	const userId = userModel?.id;
187
188	const { data: rolesData } = useUserRolesSearchCardsQuery({
189	variables: {
190	userId: userId!,
191	},
192	skip: !userId,
193	});
194
195	const userRoles = rolesData?.rolesUser;
196
197	const hydrateOrganizationCard = (
198	result: TypedSearchResult<SearchResultType.Organization, SearchResultOrganizationFragment>
199	) => _hydrateOrganizationCard(result, userRoles);
200
201	return {
202	hydrateSpaceCard,
203	hydrateContributionCard: hydrateContributionPost,
204	hydrateUserCard,
205	hydrateOrganizationCard,
206	};
207	};

alkem-io / client-web / #9048

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