Skip to content

feat(orders): ORDERS-7935 add badge for CANCELLED order returns#2705

Merged
jpajar merged 1 commit into
feature/PROJECT-7525-new-returns-flowfrom
ORDERS-7935
Jul 15, 2026
Merged

feat(orders): ORDERS-7935 add badge for CANCELLED order returns#2705
jpajar merged 1 commit into
feature/PROJECT-7525-new-returns-flowfrom
ORDERS-7935

Conversation

@jpajar

@jpajar jpajar commented Jul 15, 2026

Copy link
Copy Markdown

What?

This PR adds the CANCELLED badge and displays it for order returns that have been cancelled.

Requirements

  • CHANGELOG.md entry added (required for code changes only)

Tickets / Documentation

https://bigcommercecloud.atlassian.net/browse/ORDERS-7935

Screenshots (if appropriate)

Returns listing page
image

Returns details page
image


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--cancelled and returnDetails-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.

@denis-bc

Copy link
Copy Markdown

For my understanding, is it a UX requirement to have sharp badge corners on one page but smooth on another? 🤔
image

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

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 CANCELLED status 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>
@jpajar

jpajar commented Jul 15, 2026

Copy link
Copy Markdown
Author

@denis-bc this is pre-existing styling so I didn't touch them, perhaps @bc-bryan can confirm since he initially worked on the styling for the badges on these pages?

@jpajar
jpajar merged commit 99a9c87 into feature/PROJECT-7525-new-returns-flow Jul 15, 2026
9 checks passed
@jpajar
jpajar deleted the ORDERS-7935 branch July 15, 2026 23:57
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.

4 participants