Skip to content

Conversation

@camd
Copy link
Collaborator

@camd camd commented Dec 7, 2025

Only the last commit applies to this. This PR sits atop #9114

Summary

This PR upgrades several frontend packages to modernize the codebase:

Package Changes

  • Added: @mui/x-date-pickers (8.21.0) - MUI date picker components
  • Added: dayjs (1.11.19) - Lightweight date library
  • Added: react-resizable-panels (3.0.6) - Modern resizable panel library
  • Removed: moment - Replaced by dayjs (smaller bundle size)
  • Removed: react-dates - Replaced by MUI date pickers
  • Removed: react-split-pane - Replaced by react-resizable-panels

Code Changes

  • Migrated date handling from moment to dayjs across the codebase
  • Created ui/helpers/dayjs.js helper module for consistent dayjs configuration
  • Replaced react-dates DateRangePicker with MUI @mui/x-date-pickers in intermittent-failures
  • Replaced react-split-pane with react-resizable-panels in the main job view App.jsx
  • Updated CSS for new resizable panels styling
  • Added Jest mock for react-resizable-panels

Files Modified

  • 18 files changed across helpers, components, and configuration

@camd camd self-assigned this Dec 7, 2025
@camd camd requested review from Archaeopteryx and jmaher December 7, 2025 20:58
@codecov-commenter
Copy link

codecov-commenter commented Dec 14, 2025

Codecov Report

❌ Patch coverage is 64.06250% with 23 lines in your changes missing coverage. Please review.
✅ Project coverage is 81.43%. Comparing base (a82c683) to head (96dcbaf).

Files with missing lines Patch % Lines
ui/intermittent-failures/DateRangePicker.jsx 0.00% 10 Missing ⚠️
ui/job-view/App.jsx 70.58% 5 Missing ⚠️
ui/intermittent-failures/helpers.jsx 25.00% 3 Missing ⚠️
ui/intermittent-failures/DateOptions.jsx 0.00% 2 Missing ⚠️
ui/helpers/taskcluster.js 50.00% 1 Missing ⚠️
ui/login-callback/LoginCallback.jsx 66.66% 1 Missing ⚠️
ui/perfherder/graphs/GraphsContainer.jsx 75.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #9115      +/-   ##
==========================================
+ Coverage   80.01%   81.43%   +1.42%     
==========================================
  Files         601      602       +1     
  Lines       32715    33758    +1043     
  Branches     3314     3007     -307     
==========================================
+ Hits        26178    27492    +1314     
+ Misses       6371     6112     -259     
+ Partials      166      154      -12     

☔ 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.

@camd camd changed the title Upgrade date pickers dayjs resizable panels 2nd: Upgrade date pickers dayjs resizable panels Dec 21, 2025
@camd camd force-pushed the camd/packages-upgrade-date-pickers-dayjs-resizable-panels branch from b359c9b to 96dcbaf Compare December 21, 2025 19:55
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