feat(ColumnHeaderMenu): add replace functionality#169
Merged
Conversation
This commit adds a new "Replace" functionality to the ColumnHeaderMenu component. The changes include: - Adding a new `showReplaceDialog` ref to track the visibility of the replace dialog. - Implementing a `handleReplaceCompleted` function that is called when the replace operation is completed, displaying a success message. - Updating the "Replace" menu item to toggle the `showReplaceDialog` when clicked. - Adding a new `ReplaceDialog` component that handles the replace operation. - Updating the auto-imports to include the `useReplaceApi` composable and the `Dialog` component. These changes allow users to easily replace values in a column directly from the column header menu.
📝 WalkthroughSummary by CodeRabbit
WalkthroughAdds global component typings for Checkbox, Dialog, and a new ReplaceDialog. Updates ColumnHeaderMenu to open ReplaceDialog and handle completion. Introduces ReplaceDialog component that performs a replace operation via an API, emits completion with affected rows, and manages visibility and form state. Changes
Sequence Diagram(s)sequenceDiagram
autonumber
actor U as User
participant CHM as ColumnHeaderMenu
participant RD as ReplaceDialog
participant API as Backend API
U->>CHM: Click "Replace" on column
CHM->>RD: Open dialog (v-model:visible, columnField/header)
U->>RD: Enter find/replace, options
U->>RD: Click "Replace"
RD->>RD: Set isLoading, disable inputs
RD->>API: POST /projects/:id/replace { column, find, replace, caseSensitive, wholeWord }
API-->>RD: Response { affectedRows | error }
alt Success with affectedRows
RD-->>CHM: emit replace-completed(affectedRows)
RD->>RD: Reset form, close dialog
else Error or no affectedRows
RD->>RD: Show error, keep or close per logic
end
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~25 minutes Possibly related PRs
Pre-merge checks and finishing touches✅ Passed checks (3 passed)
✨ Finishing touches
🧪 Generate unit tests
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 1
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (3)
frontend/components.d.ts(3 hunks)frontend/src/features/data-processing/components/ColumnHeaderMenu.vue(3 hunks)frontend/src/features/data-processing/components/ReplaceDialog.vue(1 hunks)
Comment on lines
+44
to
+51
| if (!data?.affectedRows) { | ||
| showError([{ code: 'NOT_FOUND', message: 'Replace operation failed' }]) | ||
| return | ||
| } | ||
|
|
||
| if (data?.affectedRows !== undefined && data?.affectedRows !== null) { | ||
| emit('replace-completed', data.affectedRows) | ||
| } |
There was a problem hiding this comment.
Handle 0-row results without flagging failure.
Line 44 treats data.affectedRows === 0 as a failure, which is a valid outcome when nothing matched the search. That branch shows an error and returns before we emit replace-completed, so callers never learn that the operation succeeded (with zero matches) and users see a spurious failure message. Please adjust the guard to only bail out when affectedRows is null/undefined, and continue to emit the event (and close the dialog) when it’s 0.
- if (!data?.affectedRows) {
- showError([{ code: 'NOT_FOUND', message: 'Replace operation failed' }])
+ if (data?.affectedRows == null) {
+ showError([{ code: 'NOT_FOUND', message: 'Replace operation failed' }])
return
}📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
Suggested change
| if (!data?.affectedRows) { | |
| showError([{ code: 'NOT_FOUND', message: 'Replace operation failed' }]) | |
| return | |
| } | |
| if (data?.affectedRows !== undefined && data?.affectedRows !== null) { | |
| emit('replace-completed', data.affectedRows) | |
| } | |
| if (data?.affectedRows == null) { | |
| showError([{ code: 'NOT_FOUND', message: 'Replace operation failed' }]) | |
| return | |
| } | |
| if (data?.affectedRows !== undefined && data?.affectedRows !== null) { | |
| emit('replace-completed', data.affectedRows) | |
| } |
🤖 Prompt for AI Agents
In frontend/src/features/data-processing/components/ReplaceDialog.vue around
lines 44 to 51, the current guard treats data.affectedRows === 0 as a failure
and returns early; change it to only treat affectedRows as missing (null or
undefined) as an error. Specifically, remove the check that interprets falsy
affectedRows as failure, instead check for affectedRows === null || affectedRows
=== undefined before calling showError and returning, and ensure
emit('replace-completed', data.affectedRows) runs for 0 as well so callers get
the zero-match result and the dialog can close.
DaxServer
deleted the
add-replace-functionality-to-column-header-menu
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This commit adds a new "Replace" functionality to the ColumnHeaderMenu component. The changes include:
showReplaceDialogref to track the visibility of the replace dialog.handleReplaceCompletedfunction that is called when the replace operation is completed, displaying a success message.showReplaceDialogwhen clicked.ReplaceDialogcomponent that handles the replace operation.useReplaceApicomposable and theDialogcomponent.These changes allow users to easily replace values in a column directly from the column header menu.