TouK / nussknacker

Low-code tool for automating actions on real time data | Stream processing for the users.
https://nussknacker.io
Apache License 2.0
663 stars 93 forks source link

[Nu-1890] hide categories from a scenarios list and more scenario details when only one category is available #7183

Closed Dzuming closed 2 days ago

Dzuming commented 3 days ago

Describe your changes

When only one category available:

Checklist before merge

Summary by CodeRabbit

Release Notes

coderabbitai[bot] commented 3 days ago
πŸ“ Walkthrough
πŸ“ Walkthrough ## Walkthrough The changes in this pull request introduce several enhancements primarily centered around state management and component rendering in a React application. A new custom hook, `useGetAllCombinations`, is introduced to streamline the fetching and management of scenario parameter combinations and associated errors. This hook replaces local state management in multiple components, including `AddProcessDialog`, `CategoryDetails`, and `MoreScenarioDetailsDialog`, thereby centralizing the logic for handling loading states and visibility conditions. Additionally, the `processingMode` property in the `FormValue` type definition is updated to improve type safety by using an enum instead of a string. The `FiltersPart`, `FirstLine`, and `TablePart` components are modified to utilize a new hook, `useScenariosWithCategoryVisible`, which determines the visibility of category filters and adjusts rendering accordingly. Overall, the changes reflect a shift towards a more modular and maintainable approach, utilizing hooks for shared logic and enhancing type safety across the application. ## Sequence Diagram(s) ```mermaid sequenceDiagram participant A as AddProcessDialog participant B as MoreScenarioDetailsDialog participant C as CategoryDetails participant D as FiltersPart participant E as FirstLine participant F as TablePart participant G as useGetAllCombinations participant H as useScenariosWithCategoryVisible A->>G: useGetAllCombinations() G-->>A: {allCombinations, engineSetupErrors, isAllCombinationsLoading} A->>B: Pass data to MoreScenarioDetailsDialog B->>G: useGetAllCombinations() G-->>B: {isAllCombinationsLoading, isCategoryFieldVisible} B->>C: Pass data to CategoryDetails C->>G: useGetAllCombinations() G-->>C: {isAllCombinationsLoading, isCategoryFieldVisible} D->>H: useScenariosWithCategoryVisible() H-->>D: {withCategoriesVisible} E->>H: useScenariosWithCategoryVisible() H-->>E: {withCategoriesVisible} F->>H: useScenariosWithCategoryVisible() H-->>F: {withCategoriesVisible} ``` ## Possibly related PRs - **#7182**: This PR modifies the `ScenarioLabels` component to enhance validation logic for label uniqueness, which is related to the changes in state management and validation in the `AddProcessDialog` component. - **#7193**: This PR adds tooltips to various components, including those related to scenario details, which may interact with the `AddProcessDialog` component's functionality and user interface. ## Suggested reviewers - mateuszkp96 - arkadius

πŸ“œ Recent review details **Configuration used: CodeRabbit UI** **Review profile: CHILL**
πŸ“₯ Commits Reviewing files that changed from the base of the PR and between dbfd5d781bc6f1af38e1853c0190f6d227981072 and 28de0bd7a578933a502fe98cc9ee7c74eb665d97.
πŸ“’ Files selected for processing (1) * `docs/Changelog.md` (1 hunks)
πŸ”‡ Additional comments (1)
docs/Changelog.md (1) `108-108`: **LGTM! Clear and concise changelog entry.** The changelog entry accurately describes the changes made in PR #7183 to hide category-related UI elements when only one category is available.

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?

❀️ 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)
πŸͺ§ 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://docs.coderabbit.ai) for detailed information on how to use CodeRabbit. - Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.
github-actions[bot] commented 3 days ago

created: #7185 :warning: Be careful! Snapshot changes are not necessarily the cause of the error. Check the logs.