feat(orders): ORDERS-7935 add badge for CANCELLED order returns#2705
Merged
Conversation
jpajar
requested review from
BC-SEven,
bc-bryan,
bc-vivekaggarwal and
matt-evangelidis
July 15, 2026 03:53
There was a problem hiding this comment.
Pull request overview
Adds UI support for displaying a CANCELLED status badge for order returns in the account experience, aligning cancelled returns with the existing badge pattern for open/in-progress/closed states.
Changes:
- Render
CANCELLEDstatus badges on the returns list (v2) and return details pages. - Add SCSS modifiers for cancelled badge styling (dark grey background, bright white text).
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| templates/pages/account/return-details.html | Adds conditional rendering for the CANCELLED return status badge on the return details page. |
| templates/components/account/returns-list-v2.html | Adds conditional rendering for the CANCELLED return status badge on the returns list v2 component. |
| assets/scss/components/stencil/returnDetails/_returnDetails.scss | Adds styling for the cancelled status badge on return details. |
| assets/scss/components/stencil/account/_account.scss | Adds styling for the cancelled status badge on the account returns list. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+36
to
+37
| {{else if return_detail.status '===' 'CANCELLED'}} | ||
| <span class="returnDetails-statusBadge returnDetails-statusBadge--cancelled">{{lang 'account.returns.status.cancelled'}}</span> |
bc-vivekaggarwal
approved these changes
Jul 15, 2026
Author
jpajar
merged commit Jul 15, 2026
99a9c87
into
feature/PROJECT-7525-new-returns-flow
9 checks passed
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
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.

What?
This PR adds the
CANCELLEDbadge and displays it for order returns that have been cancelled.Requirements
Tickets / Documentation
https://bigcommercecloud.atlassian.net/browse/ORDERS-7935
Screenshots (if appropriate)
Returns listing page

Returns details page

Note
Low Risk
Presentation-only template and stylesheet updates for an additional return status; no auth, API, or data-flow changes.
Overview
Cancelled returns now show a dedicated status badge on the account returns list and return details pages when status is
CANCELLED, using the same pattern as open, in progress, and closed.New SCSS modifiers (
account-orderStatus-label--cancelledandreturnDetails-statusBadge--cancelled) apply a dark grey background with bright white text so cancelled returns are visually distinct from closed returns.Reviewed by Cursor Bugbot for commit fd27939. Bugbot is set up for automated code reviews on this repo. Configure here.