From 3e20cda21b20d5101be55c2953b0455d6ddd1f24 Mon Sep 17 00:00:00 2001 From: dognose24 Date: Fri, 14 Aug 2026 00:38:13 +0800 Subject: [PATCH 1/2] Detail pages: full-width post highlights and video upload-date wording Co-Authored-By: Claude Fable 5 --- .../changelog/update-pa-detail-mock-alignment | 4 ++++ .../routes/post-detail/config/tab-layouts.test.ts | 4 ++-- .../routes/post-detail/config/tab-layouts.ts | 6 +++--- .../components/video-summary-card/video-summary-card.tsx | 4 ++-- 4 files changed, 11 insertions(+), 7 deletions(-) create mode 100644 projects/packages/premium-analytics/changelog/update-pa-detail-mock-alignment diff --git a/projects/packages/premium-analytics/changelog/update-pa-detail-mock-alignment b/projects/packages/premium-analytics/changelog/update-pa-detail-mock-alignment new file mode 100644 index 000000000000..2491e183d8d6 --- /dev/null +++ b/projects/packages/premium-analytics/changelog/update-pa-detail-mock-alignment @@ -0,0 +1,4 @@ +Significance: patch +Type: changed + +Post and video detail: stretch the post highlights row full width and label the video date as its upload date, per the updated design mocks. diff --git a/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.test.ts b/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.test.ts index eca169d0e6f0..a146f6f90ad7 100644 --- a/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.test.ts +++ b/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.test.ts @@ -2,12 +2,12 @@ import { WIDGET_DASHBOARD_COLUMN_COUNT } from '@wordpress/widget-dashboard'; import { POST_DETAIL_TAB_LAYOUTS } from './tab-layouts'; describe( 'post detail tab layouts', () => { - it( 'composes Post traffic as a three-column highlights row, a Post views chart beside the interaction cards, then Traffic activity beside UTM', () => { + it( 'composes Post traffic as a full-width highlights row, a Post views chart beside the interaction cards, then Traffic activity beside UTM', () => { expect( POST_DETAIL_TAB_LAYOUTS[ 'post-traffic' ] ).toEqual( [ { uuid: 'post-detail-highlights', type: 'jpa/post-detail-highlights', - placement: { width: 3, height: 1, order: 1 }, + placement: { width: WIDGET_DASHBOARD_COLUMN_COUNT, height: 1, order: 1 }, }, { uuid: 'post-views', diff --git a/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.ts b/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.ts index d9f80ccb7677..a51201217375 100644 --- a/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.ts +++ b/projects/packages/premium-analytics/routes/post-detail/config/tab-layouts.ts @@ -13,10 +13,10 @@ export const POST_DETAIL_TAB_LAYOUTS: Record< PostDetailTabId, DashboardWidget[] 'post-traffic': [ { uuid: 'post-detail-highlights', - // Three quarter-width tiles with the last column left empty, per the - // design mocks — unlike the email highlights rows, which span all four. + // Full-width row like the email highlights, per the updated design + // mocks; the widget spreads its three tiles across the span. type: 'jpa/post-detail-highlights', - placement: { width: 3, height: 1, order: 1 }, + placement: { width: WIDGET_DASHBOARD_COLUMN_COUNT, height: 1, order: 1 }, }, { uuid: 'post-views', diff --git a/projects/packages/premium-analytics/routes/video-detail/components/video-summary-card/video-summary-card.tsx b/projects/packages/premium-analytics/routes/video-detail/components/video-summary-card/video-summary-card.tsx index 49b8a7997bc7..c9d3a27ddf4f 100644 --- a/projects/packages/premium-analytics/routes/video-detail/components/video-summary-card/video-summary-card.tsx +++ b/projects/packages/premium-analytics/routes/video-detail/components/video-summary-card/video-summary-card.tsx @@ -47,8 +47,8 @@ export function VideoSummaryCard( { summary, performanceRange }: VideoSummaryCar const publishedSentence = publishedDateObject && isValid( publishedDateObject ) ? sprintf( - /* translators: %s: the video publish date, e.g. "Aug 19, 2025". */ - __( 'Video published on %s.', 'jetpack-premium-analytics-pkg' ), + /* translators: %s: the video upload date, e.g. "Aug 19, 2025". */ + __( 'Video uploaded on %s.', 'jetpack-premium-analytics-pkg' ), format( publishedDateObject, DATE_FORMAT ) ) : undefined; From 6bb7b2c041e29474f986b616efba1dece4c0db2a Mon Sep 17 00:00:00 2001 From: dognose24 Date: Fri, 14 Aug 2026 13:57:47 +0800 Subject: [PATCH 2/2] Re-trigger CI (wpcom preflight was red repo-wide)