Actions menu in Subspace List *

.github/workflows/build-deploy-k8s-dev-hetzner.yml

@@ -11,26 +11,6 @@ jobs:
       - name: 'Checkout github Action'
         uses: actions/checkout@v4.1.7
 
-      - name: 'Download and extract translations'
-        uses: crowdin/github-action@v1.13.1
-        with:
-          command: 'download'
-          command_args: '--all --verbose'
-          source: ./src/core/i18n/en/translation.en.json
-          translation: ./src/core/i18n/%two_letters_code%/translation.%two_letters_code%.json
-
-          download_translations: false
-          upload_sources: false
-          upload_translations: false
-          push_translations: false
-          push_sources: false
-
-          project_id: ${{ secrets.CROWDIN_PROJECT_ID }}
-          token: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
-        env:
-          CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
-          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
-
       - name: 'Build and push image'
         uses: azure/docker-login@v2
         with:

crowdin.yml

@@ -1,5 +1,6 @@
 files:
-  - source: /src/core/i18n/en/translation.en.json
+  - source: /src/core/i18n/en/translation.en.json  # This is your local repository structure
     translation: /src/core/i18n/%two_letters_code%/translation.%two_letters_code%.json
+    export_pattern: '/src/core/i18n/%two_letters_code%/translation.%two_letters_code%.json'
 project_id_env: CROWDIN_PROJECT_ID
-api_token_env: CROWDIN_PERSONAL_TOKEN
+api_token_env: CROWDIN_PERSONAL_TOKEN

src/core/apollo/generated/apollo-hooks.ts

@@ -18305,8 +18305,8 @@ export function refetchSpaceAccountQuery(variables: SchemaTypes.SpaceAccountQuer
   return { query: SpaceAccountDocument, variables: variables };
 }
 
-export const AdminSpaceChallengesPageDocument = gql`
-  query AdminSpaceChallengesPage($spaceId: UUID_NAMEID!) {
+export const AdminSpaceSubspacesPageDocument = gql`
+  query AdminSpaceSubspacesPage($spaceId: UUID_NAMEID!) {
     space(ID: $spaceId) {
       id
       subspaces {
@@ -18315,6 +18315,9 @@ export const AdminSpaceChallengesPageDocument = gql`
           id
           displayName
           url
+          cardBanner: visual(type: CARD) {
+            ...VisualUri
+          }
         }
       }
       defaults {
@@ -18332,59 +18335,60 @@ export const AdminSpaceChallengesPageDocument = gql`
       }
     }
   }
+  ${VisualUriFragmentDoc}
   ${InnovationFlowProfileFragmentDoc}
 `;
 
 /**
- * __useAdminSpaceChallengesPageQuery__
+ * __useAdminSpaceSubspacesPageQuery__
  *
- * To run a query within a React component, call `useAdminSpaceChallengesPageQuery` and pass it any options that fit your needs.
- * When your component renders, `useAdminSpaceChallengesPageQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * To run a query within a React component, call `useAdminSpaceSubspacesPageQuery` and pass it any options that fit your needs.
+ * When your component renders, `useAdminSpaceSubspacesPageQuery` returns an object from Apollo Client that contains loading, error, and data properties
  * you can use to render your UI.
  *
  * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
  *
  * @example
- * const { data, loading, error } = useAdminSpaceChallengesPageQuery({
+ * const { data, loading, error } = useAdminSpaceSubspacesPageQuery({
  *   variables: {
  *      spaceId: // value for 'spaceId'
  *   },
  * });
  */
-export function useAdminSpaceChallengesPageQuery(
+export function useAdminSpaceSubspacesPageQuery(
   baseOptions: Apollo.QueryHookOptions<
-    SchemaTypes.AdminSpaceChallengesPageQuery,
-    SchemaTypes.AdminSpaceChallengesPageQueryVariables
+    SchemaTypes.AdminSpaceSubspacesPageQuery,
+    SchemaTypes.AdminSpaceSubspacesPageQueryVariables
   >
 ) {
   const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useQuery<SchemaTypes.AdminSpaceChallengesPageQuery, SchemaTypes.AdminSpaceChallengesPageQueryVariables>(
-    AdminSpaceChallengesPageDocument,
+  return Apollo.useQuery<SchemaTypes.AdminSpaceSubspacesPageQuery, SchemaTypes.AdminSpaceSubspacesPageQueryVariables>(
+    AdminSpaceSubspacesPageDocument,
     options
   );
 }
 
-export function useAdminSpaceChallengesPageLazyQuery(
+export function useAdminSpaceSubspacesPageLazyQuery(
   baseOptions?: Apollo.LazyQueryHookOptions<
-    SchemaTypes.AdminSpaceChallengesPageQuery,
-    SchemaTypes.AdminSpaceChallengesPageQueryVariables
+    SchemaTypes.AdminSpaceSubspacesPageQuery,
+    SchemaTypes.AdminSpaceSubspacesPageQueryVariables
   >
 ) {
   const options = { ...defaultOptions, ...baseOptions };
   return Apollo.useLazyQuery<
-    SchemaTypes.AdminSpaceChallengesPageQuery,
-    SchemaTypes.AdminSpaceChallengesPageQueryVariables
-  >(AdminSpaceChallengesPageDocument, options);
+    SchemaTypes.AdminSpaceSubspacesPageQuery,
+    SchemaTypes.AdminSpaceSubspacesPageQueryVariables
+  >(AdminSpaceSubspacesPageDocument, options);
 }
 
-export type AdminSpaceChallengesPageQueryHookResult = ReturnType<typeof useAdminSpaceChallengesPageQuery>;
-export type AdminSpaceChallengesPageLazyQueryHookResult = ReturnType<typeof useAdminSpaceChallengesPageLazyQuery>;
-export type AdminSpaceChallengesPageQueryResult = Apollo.QueryResult<
-  SchemaTypes.AdminSpaceChallengesPageQuery,
-  SchemaTypes.AdminSpaceChallengesPageQueryVariables
+export type AdminSpaceSubspacesPageQueryHookResult = ReturnType<typeof useAdminSpaceSubspacesPageQuery>;
+export type AdminSpaceSubspacesPageLazyQueryHookResult = ReturnType<typeof useAdminSpaceSubspacesPageLazyQuery>;
+export type AdminSpaceSubspacesPageQueryResult = Apollo.QueryResult<
+  SchemaTypes.AdminSpaceSubspacesPageQuery,
+  SchemaTypes.AdminSpaceSubspacesPageQueryVariables
 >;
-export function refetchAdminSpaceChallengesPageQuery(variables: SchemaTypes.AdminSpaceChallengesPageQueryVariables) {
-  return { query: AdminSpaceChallengesPageDocument, variables: variables };
+export function refetchAdminSpaceSubspacesPageQuery(variables: SchemaTypes.AdminSpaceSubspacesPageQueryVariables) {
+  return { query: AdminSpaceSubspacesPageDocument, variables: variables };
 }
 
 export const UpdateSpaceDefaultInnovationFlowTemplateDocument = gql`

src/core/apollo/generated/graphql-schema.ts

@@ -23362,19 +23362,25 @@ export type SpaceAccountQuery = {
   };
 };
 
-export type AdminSpaceChallengesPageQueryVariables = Exact<{
+export type AdminSpaceSubspacesPageQueryVariables = Exact<{
   spaceId: Scalars['UUID_NAMEID'];
 }>;
 
-export type AdminSpaceChallengesPageQuery = {
+export type AdminSpaceSubspacesPageQuery = {
   __typename?: 'Query';
   space: {
     __typename?: 'Space';
     id: string;
     subspaces: Array<{
       __typename?: 'Space';
       id: string;
-      profile: { __typename?: 'Profile'; id: string; displayName: string; url: string };
+      profile: {
+        __typename?: 'Profile';
+        id: string;
+        displayName: string;
+        url: string;
+        cardBanner?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+      };
     }>;
     defaults?:
       | {

src/core/ui/avatar/Avatar.tsx

@@ -3,7 +3,7 @@ import { AvatarProps, Box } from '@mui/material';
 import ErrorHandlingAvatar from './ErrorHandlingAvatar';
 import { gutters } from '../grid/utils';
 
-type Size = 'small' | 'medium' | 'regular' | 'large';
+export type Size = 'small' | 'medium' | 'regular' | 'large';
 
 const AvatarSize: Record<Size, number> = {
   small: 1.5,

src/domain/collaboration/activity/ActivityLog/views/ActivityIcon.tsx

@@ -9,7 +9,7 @@ import {
   NotesOutlined,
   PersonOutlined,
 } from '@mui/icons-material';
-import { ChallengeIcon } from '../../../../journey/subspace/icon/ChallengeIcon';
+import { SubspaceIcon } from '../../../../journey/subspace/icon/SubspaceIcon';
 import { OpportunityIcon } from '../../../../journey/opportunity/icon/OpportunityIcon';
 import calloutIcons from '../../../callout/utils/calloutIcons';
 import { WhiteboardIcon } from '../../../whiteboard/icon/WhiteboardIcon';
@@ -24,7 +24,7 @@ const ActivityIcon: Record<
   [ActivityEventType.CalloutPostCreated]: NotesOutlined,
   [ActivityEventType.CalloutPostComment]: ChatBubbleOutlineOutlined,
   [ActivityEventType.CalloutLinkCreated]: LinkOutlined,
-  [ActivityEventType.ChallengeCreated]: ChallengeIcon,
+  [ActivityEventType.ChallengeCreated]: SubspaceIcon,
   [ActivityEventType.OpportunityCreated]: OpportunityIcon,
   [ActivityEventType.UpdateSent]: MicOutlined,
   [ActivityEventType.CalendarEventCreated]: CalendarMonthOutlined,

src/domain/community/contributor/AccountTab/ContributorAccountView.tsx

@@ -357,13 +357,14 @@ export const ContributorAccountView: FC<ContributorAccountViewProps> = ({ accoun
         <BlockTitle>{t('pages.admin.generic.sections.account.hostedSpaces')}</BlockTitle>
         <Gutters disablePadding disableGap className={styles.gutters}>
           {loading && <JourneyCardHorizontalSkeleton />}
-          <Gutters>
+          <Gutters disablePadding>
             {!loading &&
               account?.spaces.map(space => (
                 <JourneyCardHorizontal
                   key={space.id}
                   journeyTypeName="space"
                   journey={{ profile: space.profile, community: {} }}
+                  size="medium"
                   deepness={0}
                   seamless
                   sx={{ display: 'inline-block', maxWidth: '100%', padding: 0 }}

src/domain/community/user/adminUsers/useAdminGlobalUserList.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { ApolloError } from '@apollo/client';
-import { SearchableListItem } from '../../../platform/admin/components/SearchableList';
+import { SearchableTableItem } from '../../../platform/admin/components/SearchableTable';
 import { useDeleteUserMutation, useUserListQuery } from '../../../../core/apollo/generated/apollo-hooks';
 import { useNotification } from '../../../../core/ui/notifications/useNotification';
 import usePaginatedQuery from '../../../shared/pagination/usePaginatedQuery';
@@ -13,8 +13,8 @@ interface Provided {
   loading: boolean;
   deleting: boolean;
   error?: ApolloError;
-  userList: SearchableListItem[];
-  onDelete: (item: SearchableListItem) => void;
+  userList: SearchableTableItem[];
+  onDelete: (item: SearchableTableItem) => void;
   fetchMore: (itemsNumber?: number) => Promise<void>;
   hasMore: boolean | undefined;
   pageSize: number;
@@ -63,7 +63,7 @@ const useAdminGlobalUserList = ({
 
   const userList = useMemo(
     () =>
-      (data?.usersPaginated.users ?? []).map<SearchableListItem>(({ id, profile, email }) => ({
+      (data?.usersPaginated.users ?? []).map<SearchableTableItem>(({ id, profile, email }) => ({
         id,
         value: `${profile.displayName} (${email})`,
         url: buildSettingsUrl(profile.url),
@@ -76,7 +76,7 @@ const useAdminGlobalUserList = ({
     onCompleted: () => notify(t('pages.admin.users.notifications.user-removed'), 'success'),
   });
 
-  const onDelete = (item: SearchableListItem) => {
+  const onDelete = (item: SearchableTableItem) => {
     deleteUser({
       variables: {
         input: {

src/domain/journey/common/JourneyAvatar/JourneyAvatar.tsx

@@ -1,11 +1,12 @@
 import React, { forwardRef } from 'react';
 import { SxProps, Theme } from '@mui/material';
-import Avatar, { SizeableAvatarProps } from '../../../../core/ui/avatar/Avatar';
+import Avatar, { Size, SizeableAvatarProps } from '../../../../core/ui/avatar/Avatar';
 import defaultJourneyAvatar from '../../defaultVisuals/Avatar.jpg';
 
 interface JourneyAvatarProps extends SizeableAvatarProps {
   src: string | undefined;
   sx?: SxProps<Theme> | undefined;
+  size?: Size;
 }
 
 const JourneyAvatar = forwardRef<HTMLDivElement, JourneyAvatarProps>(({ src, size = 'large', ...props }, ref) => {

src/domain/journey/common/JourneyCardHorizontal/JourneyCardHorizontal.tsx

@@ -15,6 +15,7 @@ import { intersection } from 'lodash';
 import FlexSpacer from '../../../../core/ui/utils/FlexSpacer';
 import JourneyAvatar from '../JourneyAvatar/JourneyAvatar';
 import ActionsMenu from '../../../../core/ui/card/ActionsMenu';
+import { Size } from '../../../../core/ui/avatar/Avatar';
 
 export const JourneyCardHorizontalSkeleton = () => (
   <ElevatedPaper sx={{ padding: gutters() }}>
@@ -45,6 +46,7 @@ export interface JourneyCardHorizontalProps {
   journeyTypeName: JourneyTypeName;
   sx?: PaperProps['sx'];
   actions?: ReactNode;
+  size?: Size;
 }
 
 const ElevatedPaper = withElevationOnHover(Paper) as typeof Paper;
@@ -58,6 +60,7 @@ const JourneyCardHorizontal = ({
   seamless,
   sx,
   actions,
+  size,
 }: JourneyCardHorizontalProps) => {
   const Icon = JourneyIcon[journeyTypeName];
 
@@ -68,18 +71,14 @@ const JourneyCardHorizontal = ({
   const mergedSx: PaperProps['sx'] = {
     padding: gutters(),
     marginLeft: gutters(deepness * 2),
+    borderRadius: 'unset',
     ...sx,
   };
 
   return (
     <ElevatedPaper sx={mergedSx} elevation={seamless ? 0 : undefined}>
       <BadgeCardView
-        visual={
-          <JourneyAvatar
-            src={journey.profile.avatar?.uri || journey.profile.cardBanner?.uri}
-            sx={{ width: gutters(3), height: gutters(3) }}
-          />
-        }
+        visual={<JourneyAvatar size={size} src={journey.profile.avatar?.uri || journey.profile.cardBanner?.uri} />}
         component={RouterLink}
         to={journey.profile.url}
         actions={actions && <ActionsMenu>{actions}</ActionsMenu>}

src/domain/journey/common/tabs/Subentities/ChildJourneyView.tsx

@@ -132,7 +132,7 @@ const ChildJourneyView = <ChildEntity extends BaseChildEntity>({
                         const key = item ? item.id : `__loading_${index}`;
                         return cloneElement(renderChildEntityCard(item), { key });
                       })}
-                      {permissions.canCreateChallenges && (
+                      {permissions.canCreateSubspaces && (
                         <Actions sx={{ justifyContent: 'flex-end', width: '100%' }}>
                           <IconButton aria-label={t('common.add')} size="small" onClick={() => onClickCreate?.(true)}>
                             <RoundedIcon component={AddIcon} size="medium" iconSize="small" />

src/domain/journey/space/SpaceContext/SpaceContext.tsx

@@ -15,8 +15,8 @@ export interface SpacePermissions {
   canRead: boolean;
   viewerCanUpdate: boolean;
   canReadPosts: boolean;
-  canReadChallenges: boolean;
-  canCreateChallenges: boolean;
+  canReadSubspaces: boolean;
+  canCreateSubspaces: boolean;
   canCreate: boolean;
   communityReadAccess: boolean;
   contextPrivileges: AuthorizationPrivilege[];
@@ -49,9 +49,9 @@ const SpaceContext = React.createContext<SpaceContextProps>({
     canRead: false,
     viewerCanUpdate: false,
     canCreate: false,
-    canCreateChallenges: false,
+    canCreateSubspaces: false,
     canReadPosts: false,
-    canReadChallenges: false,
+    canReadSubspaces: false,
     communityReadAccess: false,
     contextPrivileges: [],
   },
@@ -98,7 +98,7 @@ const SpaceContextProvider: FC<SpaceProviderProps> = ({ children }) => {
   const contextPrivileges = space?.context?.authorization?.myPrivileges ?? NO_PRIVILEGES;
   const spacePrivileges = space?.authorization?.myPrivileges ?? NO_PRIVILEGES;
 
-  const canReadChallenges = spacePrivileges.includes(AuthorizationPrivilege.Read);
+  const canReadSubspaces = spacePrivileges.includes(AuthorizationPrivilege.Read);
   const canCreateSubspaces = spacePrivileges.includes(AuthorizationPrivilege.CreateSubspace);
   const canCreate = spacePrivileges.includes(AuthorizationPrivilege.Create);
 
@@ -108,14 +108,14 @@ const SpaceContextProvider: FC<SpaceProviderProps> = ({ children }) => {
     return {
       canRead: spacePrivileges.includes(AuthorizationPrivilege.Read),
       viewerCanUpdate: spacePrivileges.includes(AuthorizationPrivilege.Update),
-      canReadChallenges,
-      canCreateChallenges: canCreateSubspaces,
+      canReadSubspaces,
+      canCreateSubspaces: canCreateSubspaces,
       canCreate,
       communityReadAccess: communityPrivileges.includes(AuthorizationPrivilege.Read),
       canReadPosts: contextPrivileges.includes(AuthorizationPrivilege.Read),
       contextPrivileges,
     };
-  }, [spacePrivileges, contextPrivileges, canReadChallenges, communityPrivileges, canCreate, canCreateSubspaces]);
+  }, [spacePrivileges, contextPrivileges, canReadSubspaces, communityPrivileges, canCreate, canCreateSubspaces]);
 
   const profile = useMemo(() => {
     return {

src/domain/journey/space/layout/SpaceTabs.tsx

@@ -5,7 +5,7 @@ import { useSpace } from '../SpaceContext/useSpace';
 import { buildSettingsUrl } from '../../../../main/routing/urlBuilders';
 import { EntityPageSection } from '../../../shared/layout/EntityPageSection';
 import { useTranslation } from 'react-i18next';
-import { ChallengeIcon } from '../../subspace/icon/ChallengeIcon';
+import { SubspaceIcon } from '../../subspace/icon/SubspaceIcon';
 
 const SpaceTabs = (props: EntityTabsProps) => {
   const { t } = useTranslation();
@@ -24,8 +24,8 @@ const SpaceTabs = (props: EntityTabsProps) => {
       subEntityTab={{
         label: t('common.subspaces'),
         section: EntityPageSection.Subspaces,
-        icon: <ChallengeIcon />,
-        disabled: !permissions.canReadChallenges,
+        icon: <SubspaceIcon />,
+        disabled: !permissions.canReadSubspaces,
       }}
     />
   );