Skip to content

Conversation

valkirilov
Copy link
Member

@valkirilov valkirilov commented Oct 3, 2025

Description

Created a simple PoC (proof-of-concept) for a Namespaces Browser component that we can use in the upcoming iterations for the Vector Search feature.

This component is based on the Table provided by Redis UI (docs), but composed with a bunch of customizations to make it serve the requirements:

  • customize the header entirely, because we don't need to list the table columns as like in a regular table
  • use a custom radio button for row selection, instead of the default "checkbox" implementation.
Light Dark
image image

@@ -0,0 +1,16 @@
import { NampespacesBrowserTableDataProps } from './types'

export const EXAMPLE_DATA: NampespacesBrowserTableDataProps[] = [
Copy link
Member Author

Choose a reason for hiding this comment

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

We need a very simple interface for the list of namespaces we're going to show. Of course, it can be a subset of a more generic type that will contain more information.

// We can implement customn selection via a radio button
cell: ({ row }) => <RowRadioButton row={row} />,
// Or we can use the built-in checkbox selection
// cell: ({ row }) => <Table.RowSelectionButton row={row} />,
Copy link
Member Author

Choose a reason for hiding this comment

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

By default, Redis UI comes with checkbox row selection, which we can always use if we don't like the "radio" custom implementation.

@valkirilov valkirilov self-assigned this Oct 3, 2025
<FlexGroup direction="column" data-testid="create-index-step2">
<Col justify="between" gap="xxl">
<Col gap="xxl">
<Row justify="between" gap="xxl">
Copy link
Member Author

Choose a reason for hiding this comment

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

This is just an example of how the new component can be integrated into the existing "Create Index" flow. This PR is not intended to be merged.

@valkirilov valkirilov force-pushed the fe/poc/namespaces-browser branch from e8f346b to 9974892 Compare October 6, 2025 11:40
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.

1 participant