Skip to content

fix: update Guest Preview screen title and center-align content (NES-1524)#8959

Merged
csiyang merged 5 commits intomainfrom
siyangcao/nes-1524-guest-preview-screen-not-matching-ui-design
Apr 10, 2026
Merged

fix: update Guest Preview screen title and center-align content (NES-1524)#8959
csiyang merged 5 commits intomainfrom
siyangcao/nes-1524-guest-preview-screen-not-matching-ui-design

Conversation

@csiyang
Copy link
Copy Markdown
Contributor

@csiyang csiyang commented Apr 7, 2026

Summary

  • Changed step title from "Your preview is ready"/"Preview ready" to "Almost there!"
  • Center-aligned journey title and account prompt text on the Guest Preview screen

Fixes NES-1524

Test plan

  • Updated GuestPreviewScreen tests for new title text
  • All tests pass

🤖 Generated with Claude Code

Summary by CodeRabbit

  • Style
    • Improved text alignment across the template customization user interface to enhance visual consistency. Journey titles, helper text messages, and promotional information are now center-aligned throughout the guest preview screen, language selection screen, and general screen wrapper components. These refinements create a more polished and cohesive presentation of the setup workflow with better overall aesthetic appeal.

…1524)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@linear
Copy link
Copy Markdown

linear Bot commented Apr 7, 2026

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 7, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: c50c0dd3-af90-488f-b9c7-4771c0c7b534

📥 Commits

Reviewing files that changed from the base of the PR and between 2e4795d and a4f07a5.

📒 Files selected for processing (3)
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/GuestPreviewScreen/GuestPreviewScreen.tsx
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/LanguageScreen/LanguageScreen.tsx
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/ScreenWrapper/ScreenWrapper.tsx
✅ Files skipped from review due to trivial changes (3)
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/LanguageScreen/LanguageScreen.tsx
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/ScreenWrapper/ScreenWrapper.tsx
  • apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/GuestPreviewScreen/GuestPreviewScreen.tsx

Walkthrough

This PR adds center alignment styling to Typography components across three screen components in the template customization form. Specifically, align="center" is added to journey title and helper text Typography elements to ensure consistent text centering across guest preview, language selection, and wrapper screens.

Changes

Cohort / File(s) Summary
Typography Center Alignment
apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/GuestPreviewScreen/GuestPreviewScreen.tsx, apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/LanguageScreen/LanguageScreen.tsx, apps/journeys-admin/src/components/TemplateCustomization/MultiStepForm/Screens/ScreenWrapper/ScreenWrapper.tsx
Added align="center" to Typography components displaying journey titles and helper text across multiple screen components for consistent center alignment styling.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 33.33% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main changes: updating the Guest Preview screen UI and center-aligning content. It is specific, concise, and directly reflects the primary focus of the changeset.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch siyangcao/nes-1524-guest-preview-screen-not-matching-ui-design

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Apr 7, 2026

View your CI Pipeline Execution ↗ for commit 29995ae

Command Status Duration Result
nx run journeys-admin-e2e:e2e ✅ Succeeded 30s View ↗
nx run-many --target=vercel-alias --projects=jo... ✅ Succeeded 2s View ↗
nx run-many --target=upload-sourcemaps --projec... ✅ Succeeded 9s View ↗
nx run-many --target=deploy --projects=journeys... ✅ Succeeded 2m 30s View ↗

☁️ Nx Cloud last updated this comment at 2026-04-10 02:59:08 UTC

@github-actions github-actions Bot requested a deployment to Preview - journeys-admin April 7, 2026 02:33 Pending
@github-actions github-actions Bot temporarily deployed to Preview - videos-admin April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - journeys-admin April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - resources April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - watch-modern April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - player April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - watch April 7, 2026 02:37 Inactive
@github-actions github-actions Bot temporarily deployed to Preview - journeys April 7, 2026 02:37 Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
watch-modern ✅ Ready watch-modern preview Tue Apr 7 14:39:47 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
player ✅ Ready player preview Tue Apr 7 14:39:57 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
videos-admin ✅ Ready videos-admin preview Tue Apr 7 14:40:24 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
watch ✅ Ready watch preview Tue Apr 7 14:40:57 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
journeys ✅ Ready journeys preview Tue Apr 7 14:41:00 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
resources ✅ Ready resources preview Tue Apr 7 14:41:01 NZST 2026

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 7, 2026

The latest updates on your projects.

Name Status Preview Updated (UTC)
journeys-admin ✅ Ready journeys-admin preview Fri Apr 10 14:55:59 NZST 2026

@csiyang csiyang self-assigned this Apr 8, 2026
@github-actions github-actions Bot temporarily deployed to Preview - journeys-admin April 8, 2026 23:00 Inactive
@blacksmith-sh

This comment has been minimized.

@github-actions github-actions Bot temporarily deployed to Preview - journeys-admin April 10, 2026 02:52 Inactive
@csiyang csiyang added this pull request to the merge queue Apr 10, 2026
Merged via the queue into main with commit dc946ab Apr 10, 2026
20 checks passed
@csiyang csiyang deleted the siyangcao/nes-1524-guest-preview-screen-not-matching-ui-design branch April 10, 2026 03:43
tanflem pushed a commit that referenced this pull request Apr 13, 2026
…1524) (#8959)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
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.

2 participants