Actions menu in Subspace List *

[bobbykolev]

As part of https://github.com/alkem-io/client-web/issues/6790

• [x] The legacy SearchableList.tsx was replaced with a list of JourneyCardHorizontal (supporting actions menu);
  • [x] Prep for ListTable for the spaces+ in the Global Admin (the old SearchableList renamed to SearchableTable);
  • [x] The list now includes visuals;
• [x] The underlying BadgeCardView and JourneyAvatar were extended to support size (for the Avatar);
  • [x] Additional layout fix in AccountPage where the space badge was larger than the others;
  • [x] Also the badge now accepts whitHoverState which controls the Hover ListItem Wrapper (also fixing the layout in the Account Tab Page);
• [x] all 'challenge/challenges' from the 'pages' folder (and external relations to it) were renamed to 'subspace/subspaces' - covering part of https://github.com/alkem-io/client-web/issues/6600;
• [x] 'duplicate' and 'save as template menu' placeholder options (disabled until the functionality becomes available);
• [x] Delete now is part of the ActionsMenu and uses the latest EntityConfirmDeleteDialog dialog;
• [x] New list with options in opportunities/subsubspaces;
  • [ ] todo: merge the repeating code in a wrapper component once we have clarity over the duplication and save as template;
• [x] The VC page (global administration) is now with the same table layout as User & Orgs;
• [x] Users and Orgs (global administration) now have the avatars in the table;

@SimoneZaza approved the UI/UX changes above.

Summary by CodeRabbit

Summary by CodeRabbit

• New Features

  • Shifted focus from challenges to subspaces in various components and queries.
  • Introduced new fields for visual representation of subspaces and organizations, enhancing data presentation.
  • Added functionality for duplicating and saving subspaces as templates.
  • Enhanced delete functionality with a confirmation dialog for subspace deletions.

• Bug Fixes

  • Resolved inconsistencies related to the transition from challenges to subspaces, improving overall functionality.

• Refactor

  • Renamed and restructured components to better manage subspaces, including enhanced data handling and UI updates.
  • Streamlined deletion logic and state management across multiple components.

• Style

  • Updated icons and visual elements to align with the new subspace focus.

[coderabbitai[bot]]

Walkthrough

The changes introduced in the pull request involve a substantial refactor of components related to managing challenges, transitioning to a focus on subspaces. Key modifications include renaming components, updating GraphQL queries and mutations, and enhancing user interface elements to better support subspace management. New functionalities such as duplicating and saving subspaces as templates have been added, along with improved data structures and user interactions, including confirmation dialogs for deletions.

Changes

Files	Change Summary
src/core/apollo/generated/apollo-hooks.ts, src/core/apollo/generated/graphql-schema.ts	Updated GraphQL queries and schema to replace challenge management with subspace management, including renaming queries and adding new fields for visual data like cardBanner and visual.
src/domain/journey/space/pages/SpaceSubspaces/SubspaceListView.tsx	Refactored ChallengeListView to SubspaceListView, updated queries and mutations to manage subspaces, added confirmation dialog for deletions, and introduced CreateSubspaceForm.
src/domain/platform/admin/opportunity/pages/OpportunityList.tsx	Enhanced management of subspaces with options to duplicate and save as templates, added state management for delete confirmation, and refined the data structure to include additional properties like avatar.
src/domain/community/contributor/AccountTab/ContributorAccountView.tsx	Streamlined mutation functions to return results directly, modified layout properties, and simplified control flow for deletion operations.
src/domain/journey/common/JourneyCardHorizontal/JourneyCardHorizontal.tsx	Introduced a new optional size property to enhance the JourneyAvatar component and modified the component structure for better configurability.
src/domain/journey/common/JourneyAvatar/JourneyAvatar.tsx	Added an optional size property to the JourneyAvatarProps interface, allowing for flexible avatar sizing options.
src/domain/journey/space/pages/SpaceAccount/SpaceAccountView.tsx	Removed unnecessary loading state management for deletion, simplifying the deletion logic.
src/domain/journey/space/pages/SpaceSettings/EntityConfirmDeleteDialog.tsx	Updated the onDelete prop to handle asynchronous operations and improved state management during delete operations.
src/domain/journey/space/pages/SpaceSettings/SpaceSettingsView.tsx	Changed the query refetching behavior to focus on subspaces instead of challenges after a space deletion.
src/domain/platform/admin/opportunity/pages/OpportunitySettings/OpportunitySettingsView.tsx	Removed loading state tracking for deletion, simplifying the handling of delete operations.

Possibly related PRs

• #6866: This PR modifies the AdminGlobalOrganizationsListDocument and UserListDocument queries, which are also updated in the main PR to include a visual field, indicating a direct connection in the changes made to the GraphQL queries.
• #6868: This PR involves significant changes to the GraphQL schema and hooks, including the removal of certain mutations and the introduction of new queries, which aligns with the main PR's focus on modifying GraphQL queries and hooks.
• #6928: This PR introduces a change in privilege checks related to the creation of virtual contributors, which may relate to the overall management of spaces and subspaces as discussed in the main PR, particularly in the context of user interactions with space management features.

🐰 In the meadow where subspaces grow,
We leap from challenges, our progress on show.
With banners and icons, our journey's anew,
Each hop brings us closer to what we can do!
So gather 'round, friends, let’s celebrate bright,
For every small change brings us new light! 🌼

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

:heart: Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

:placard: Tips

### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit , please review it.` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.