Skip to content

[WOOMOB-2323] Match CIAB booking badge styles#15492

Merged
irfano merged 5 commits intotrunkfrom
issue/WOOMOB-2323-update-bookings-badge-styles
Mar 9, 2026
Merged

[WOOMOB-2323] Match CIAB booking badge styles#15492
irfano merged 5 commits intotrunkfrom
issue/WOOMOB-2323-update-bookings-badge-styles

Conversation

@irfano
Copy link
Copy Markdown
Contributor

@irfano irfano commented Mar 5, 2026

Description

Fixes WOOMOB-2323
Updates CIAB bookings badges to match the current design styling in the bookings UI. This doesn't affect POS badges, I'll update those once we approve the styling in this PR.

Changes

558974309-04823cbe-ab02-4e64-86e5-624a1ea586e8

Test Steps

  1. Open a CIAB site with bookings
  2. Navigate to the bookings list.

Images/gif

Before After Web
before after image
  • I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

@irfano irfano added type: bug A confirmed bug. feature: CIAB Mobile Bookings MVP category: design Layout and style elements in the UI or user interface, including color and animations. status: feature-flagged Behind a feature flag. Milestone is not strongly held. Enhancement and removed type: bug A confirmed bug. status: feature-flagged Behind a feature flag. Milestone is not strongly held. labels Mar 5, 2026
@irfano irfano marked this pull request as ready for review March 5, 2026 21:42
@wpmobilebot
Copy link
Copy Markdown
Collaborator

wpmobilebot commented Mar 5, 2026

App Icon📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

App NameWooCommerce Android
Platform📱 Mobile
FlavorJalapeno
Build TypeDebug
Build Number731
Version24.2.1
Application IDcom.woocommerce.android.prealpha
Commite35851f
Installation URL127d8ktv6ffk8
Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

@AdamGrzybkowski AdamGrzybkowski self-assigned this Mar 9, 2026
Copy link
Copy Markdown
Contributor

@AdamGrzybkowski AdamGrzybkowski left a comment

Choose a reason for hiding this comment

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

LGTM 👍

Comment on lines +88 to +107
fun BookingAttendanceStatus.backgroundColor(): Color = if (isOutlined()) {
Color.Transparent
} else {
colorResource(R.color.tagView_bg)
}

@Composable
fun BookingAttendanceStatus.textColor(): Color = if (isOutlined()) {
colorResource(R.color.color_on_surface_high)
} else {
colorResource(R.color.tagView_text)
}

@Composable
fun BookingAttendanceStatus.textColor(): Color = colorResource(R.color.tagView_text)
fun BookingAttendanceStatus.border(): BorderStroke? = if (isOutlined()) {
BorderStroke(1.dp, colorResource(R.color.tag_border_booking_outlined))
} else {
null
}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Those could be private. Are we planning to reuse them?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Good point. No reuse planned for now, so I made those helpers private in e35851f.

@irfano irfano added this to the 24.4 milestone Mar 9, 2026
@irfano irfano enabled auto-merge March 9, 2026 12:14
@irfano irfano merged commit 23fba74 into trunk Mar 9, 2026
17 checks passed
@irfano irfano deleted the issue/WOOMOB-2323-update-bookings-badge-styles branch March 9, 2026 12:28
@codecov-commenter
Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 41 lines in your changes missing coverage. Please review.
✅ Project coverage is 39.46%. Comparing base (f6a334c) to head (e35851f).
⚠️ Report is 46 commits behind head on trunk.

Files with missing lines Patch % Lines
...ce/android/ui/bookings/compose/BookingStatusTag.kt 0.00% 20 Missing ⚠️
.../ui/bookings/compose/BookingAttendanceStatusTag.kt 0.00% 16 Missing ⚠️
...om/woocommerce/android/ui/compose/component/Tag.kt 0.00% 5 Missing ⚠️
Additional details and impacted files
@@             Coverage Diff              @@
##              trunk   #15492      +/-   ##
============================================
- Coverage     39.47%   39.46%   -0.02%     
+ Complexity    11169    11168       -1     
============================================
  Files          2249     2249              
  Lines        129140   129174      +34     
  Branches      18060    18068       +8     
============================================
  Hits          50977    50977              
- Misses        72974    73007      +33     
- Partials       5189     5190       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

category: design Layout and style elements in the UI or user interface, including color and animations. Enhancement feature: CIAB Mobile Bookings MVP

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants