Skip to content

Conversation

@deepanshupal09-datazip
Copy link
Collaborator

Description

This PR fixes the stream section design issues making it more intuitive and user friendly. Changes include:

  • change the streams section design
  • Sort the streams according to:
    • Sort all the namespaces alphabetically with selected appearing on top
    • Sort all the streams inside the namespace alphabetically with selected appearing on top

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

  • Tested by selecting and unselecting different streams inside namespace and verifying that they are sorted

Screenshots or Recordings

Screenshot 2025-10-29 at 4 37 17 PM

Related PR's (If Any):

@vishalm0509 vishalm0509 changed the base branch from staging to refactor/bff November 5, 2025 09:09

setCheckedStatus(newCheckedStatus)

// sort the grouped streams baseds
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unable to understand the comment added

// sort the grouped streams baseds
if (
Object.keys(groupedStreams).length > 0 &&
sortedGroupedNamespaces.length === 0
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you also add a comment on why we are checking for

sortedGroupedNamespaces.length === 0

Copy link
Collaborator Author

@deepanshupal09-datazip deepanshupal09-datazip Nov 5, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

to prevent sorting again when user changes streams. will add a comment for same

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool. Will be helpful for contributors

</div>

<div className="flex">
<div className={`flex rounded-[4px] ${!loading ? "border" : ""}`}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we use clsx here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants