Skip to content

Add Compose previews to navigation menu screens#22563

Open
nbradbury wants to merge 24 commits intotrunkfrom
issue/menus-compose-previews
Open

Add Compose previews to navigation menu screens#22563
nbradbury wants to merge 24 commits intotrunkfrom
issue/menus-compose-previews

Conversation

@nbradbury
Copy link
Contributor

@nbradbury nbradbury commented Feb 5, 2026

Description

Partially addresses CMM-1166.

Adds Compose previews for all navigation menu screens with light and dark mode variants using AppThemeM3.

Screens with previews:

  • MenuListScreen - Menu list, loading, empty, and error states
  • MenuDetailScreen - New menu, edit menu, and saving states
  • MenuItemListScreen - Item list with hierarchy, loading, empty, and error states
  • MenuItemDetailScreen - New custom link, new page link, edit item, and saving states

Testing instructions

  1. Open any of the screen files in Android Studio
  2. View the preview pane
  • Verify light mode previews render correctly
  • Verify dark mode previews render correctly
combined

nbradbury and others added 17 commits February 5, 2026 06:12
Implements infinite scroll pagination for menu list, menu item list, and
linkable items dropdown with page size of 20. Shows loading spinner when
fetching more items.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Fix pagination not triggering after second page by properly tracking
  state changes in LaunchedEffect keys
- Remove inaccurate menu item count from menu list
- Remove unused fetchAllMenuItems function
- Move Edit Items button to end of menu card, centered vertically
- Fix detekt warnings: swallowed exceptions, unused imports, complexity
- Extract MenuItemListContent and sibling helper functions

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The ExposedDropdownMenu doesn't support LazyColumn (SubcomposeLayout
intrinsic measurement issue), causing crashes when opening the dropdown.
This replaces it with a ModalBottomSheet which properly supports
pagination with LazyColumn.

Also restores PAGE_SIZE to 20 (was 5 for testing).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This resource was left over after removing the menu item count feature.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Extract duplicate type selection label logic to helper function
- Simplify parseErrorMessage by consolidating redundant cases
- Consolidate findPreviousSiblingIndex/findNextSiblingIndex into single function

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Prevents race conditions when multiple pagination requests occur in
rapid succession. Each pagination function now uses a mutex to ensure
atomic read-check-update operations, preventing duplicate items or
incorrect pagination state.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Ensure canLoadMore remains true when pagination fails, allowing users
to retry after transient errors (network issues, timeouts, etc.).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Prevents stale data from overwriting state when user rapidly switches
between menu item types.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Support all 22 protocols from wp_allowed_protocols(): http, https, ftp,
ftps, mailto, news, irc, irc6, ircs, gopher, nntp, feed, telnet, mms,
rtsp, sms, svn, tel, fax, xmpp, webcal, urn. Also adds support for
anchor links (#section) and protocol-relative URLs (//).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Derive offset from UI state instead of cache variables to avoid race
  conditions between initial load and pagination
- Set canLoadMore=true on initial load errors to allow retry

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Pre-compute parent-to-children mapping to reduce child lookup from O(n)
to O(1) per item, improving overall complexity from O(n²) to O(n log n).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Use when expression to reduce return statements from 4 to 2.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add light and dark mode previews for MenuListScreen, MenuDetailScreen,
MenuItemListScreen, and MenuItemDetailScreen showing various states
including loading, empty, error, and populated views.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@dangermattic
Copy link
Collaborator

dangermattic commented Feb 5, 2026

1 Error
🚫 PR requires at least one label.
2 Warnings
⚠️ This PR is larger than 300 lines of changes. Please consider splitting it into smaller PRs for easier and faster reviews.
⚠️ PR is not assigned to a milestone.

Generated by 🚫 Danger

@wpmobilebot
Copy link
Contributor

wpmobilebot commented Feb 5, 2026

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

App NameJetpack Android
FlavorJalapeno
Build TypeDebug
Versionpr22563-8352246
Build Number1484
Application IDcom.jetpack.android.prealpha
Commit8352246
Installation URL268bse1ojoreg
Note: Google Login is not supported on these builds.

@wpmobilebot
Copy link
Contributor

wpmobilebot commented Feb 5, 2026

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

App NameWordPress Android
FlavorJalapeno
Build TypeDebug
Versionpr22563-8352246
Build Number1484
Application IDorg.wordpress.android.prealpha
Commit8352246
Installation URL7kceup7h2j2hg
Note: Google Login is not supported on these builds.

@codecov
Copy link

codecov bot commented Feb 5, 2026

Codecov Report

❌ Patch coverage is 0% with 228 lines in your changes missing coverage. Please review.
✅ Project coverage is 38.10%. Comparing base (7153fb1) to head (8352246).

Files with missing lines Patch % Lines
...ndroid/ui/navmenus/screens/MenuItemDetailScreen.kt 0.00% 87 Missing ⚠️
.../android/ui/navmenus/screens/MenuItemListScreen.kt 0.00% 56 Missing ⚠️
...ss/android/ui/navmenus/screens/MenuDetailScreen.kt 0.00% 45 Missing ⚠️
...ress/android/ui/navmenus/screens/MenuListScreen.kt 0.00% 40 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##            trunk   #22563      +/-   ##
==========================================
- Coverage   38.18%   38.10%   -0.08%     
==========================================
  Files        2237     2237              
  Lines      111318   111544     +226     
  Branches    15579    15579              
==========================================
  Hits        42505    42505              
- Misses      65272    65498     +226     
  Partials     3541     3541              

☔ 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.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@nbradbury
Copy link
Contributor Author

@claude

@wordpress-mobile wordpress-mobile deleted a comment from claude bot Feb 6, 2026
@wordpress-mobile wordpress-mobile deleted a comment from claude bot Feb 7, 2026
@wordpress-mobile wordpress-mobile deleted a comment from claude bot Feb 7, 2026
@sonarqubecloud
Copy link

sonarqubecloud bot commented Feb 7, 2026

@nbradbury nbradbury marked this pull request as ready for review February 7, 2026 12:45
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.

3 participants