Skip to content

RI-7944: Add the Make Searchable modal#5624

Open
dantovska wants to merge 1 commit intomainfrom
fe/feature/RI-7944/make-searchable-modal
Open

RI-7944: Add the Make Searchable modal#5624
dantovska wants to merge 1 commit intomainfrom
fe/feature/RI-7944/make-searchable-modal

Conversation

@dantovska
Copy link
Contributor

@dantovska dantovska commented Mar 11, 2026

What

Add MakeSearchableModal — a confirmation modal shown before navigating users to the create index flow from the Browser page. It displays an illustration, explains that the user will be taken to the Search workspace, and optionally shows which key prefix will be indexed (e.g. "All keys starting with bicycle: will be included.").

Light dark
image image

Testing

Could be verified in storybook - Pages/Browser/MakeSearchableModal


Note

Low Risk
Low risk UI-only addition: introduces a new modal component with Storybook and unit tests, without modifying existing navigation, data, or auth flows.

Overview
Adds a new MakeSearchableModal component for the Browser page that prompts users before continuing to the Search/index-creation flow, optionally including a provided key prefix in the description.

Includes styled-components layout, Storybook stories (with/without prefix), and a Jest test suite covering open/close rendering and confirm/cancel/close callbacks.

Written by Cursor Bugbot for commit ff0f57c. This will update automatically on new commits. Configure here.

@jit-ci
Copy link

jit-ci bot commented Mar 11, 2026

🛡️ Jit Security Scan Results

CRITICAL HIGH MEDIUM

✅ No security findings were detected in this PR


Security scan by Jit

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.

args: {
isOpen: true,
},
}
Copy link

Choose a reason for hiding this comment

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

Storybook stories missing required callback props

Medium Severity

Both stories (Default and WithoutPrefix) omit the required onConfirm and onCancel callback props. The PR description says this component is verified in Storybook, but clicking Continue, Cancel, or the close button will silently do nothing (or potentially error when onCancel is passed as undefined to S.ModalContent's onCancel prop). The sibling ViewIndexDataButton.stories.tsx correctly imports fn from storybook/test and provides it for callback args — the same pattern is missing here.

Fix in Cursor Fix in Web

@github-actions
Copy link
Contributor

Code Coverage - Frontend unit tests

St.
Category Percentage Covered / Total
🟢 Statements 82.14% 22901/27879
🟡 Branches 67.38% 9629/14290
🟡 Functions 77.18% 6212/8049
🟢 Lines 82.58% 22420/27150

Test suite run success

6360 tests passing in 760 suites.

Report generated by 🧪jest coverage report action from ff0f57c

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