Skip to content

feat(ui): redesign About Dash screen#780

Open
romchornyi wants to merge 5 commits into
masterfrom
feat/redesign-about-dash
Open

feat(ui): redesign About Dash screen#780
romchornyi wants to merge 5 commits into
masterfrom
feat/redesign-about-dash

Conversation

@romchornyi

@romchornyi romchornyi commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Issue being fixed or feature implemented

This PR redesigns the About Dash screen in Settings to provide a cleaner and more polished presentation of Dash-related information and links.

It improves the existing experience by replacing the older layout with a more structured SwiftUI-based screen, refreshed visuals, and clearer navigation entry points.

What was done?

  • Redesigned the About Dash screen UI in Settings.
  • Added a dedicated AboutDashViewModel to structure the screen content and presentation logic.
  • Updated AboutDashView to use the new layout and content organization.
  • Integrated the redesigned screen into SettingsScreen.
  • Added new supporting assets for the About Dash experience.

How Has This Been Tested?

  • Performed a self-review of the implemented changes.
  • Verified that the new screen files, assets, and project references are included in the staged diff as expected.
  • Confirmed the project version/build settings were updated consistently in the project file.
  • Full build/runtime validation was not completed in this environment before preparing the PR.

Breaking Changes

None.

Checklist:

  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have added or updated relevant unit/integration/functional/e2e tests
  • I have made corresponding changes to the documentation

For repository code-owners and collaborators only

  • I have assigned this pull request to a milestone

Summary by CodeRabbit

  • New Features
    • Added a new “About Dash” settings screen showing app version, DashSync version, explore sync status, and device synchronization timestamps.
    • Users can now request an App Store review from the About screen.
    • Added “Contact support” to send a support email from within the app.
  • Chores
    • Updated the app’s image assets used for branding and App Store review imagery.

@coderabbitai

coderabbitai Bot commented Jun 22, 2026

Copy link
Copy Markdown

Review Change Stack

Warning

Review limit reached

@romchornyi, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 57 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 227c0af4-63fd-4899-bb78-16e19d0f5731

📥 Commits

Reviewing files that changed from the base of the PR and between b1f154d and a9767d8.

📒 Files selected for processing (1)
  • DashWallet.xcodeproj/project.pbxproj
📝 Walkthrough

Walkthrough

Replaces the legacy About screen with a SwiftUI AboutDashView and AboutDashViewModel, updates settings navigation to host it, removes the old storyboard/controller path, and adds DashUIKit-related package and import changes alongside cleanup of shared SwiftUI utility components.

Changes

About Dash SwiftUI Screen

Layer / File(s) Summary
Assets and view model
DashWallet/Resources/AppAssets.xcassets/app-review.imageset/Contents.json, DashWallet/Resources/AppAssets.xcassets/logo.imageset/Contents.json, DashWallet/Resources/AppAssets.xcassets/support.imageset/Contents.json, DashWallet/Sources/UI/Menu/Settings/About/AboutDashViewModel.swift
Adds three image set definitions and the AboutDashViewModel published state, version formatting, ExploreDash sync loading, review action, and preview sample data helpers.
SwiftUI About view
DashWallet/Sources/UI/Menu/Settings/About/AboutDashView.swift
Defines AboutDashView with back/support actions, version and status content, review/contact menu items, a conditional repository link, and a preview provider.
Settings wiring and legacy About removal
DashWallet/Sources/UI/Menu/Settings/SettingsScreen.swift, DashWallet/Sources/UI/Menu/Settings/About/About.storyboard, DashWallet/Sources/UI/Menu/Settings/About/DWAboutViewController.h, DashWallet/Sources/UI/Menu/Settings/About/DWAboutViewController.m, DashWallet/dashwallet-Bridging-Header.h
Updates settings presentation to use the SwiftUI-hosted About screen and removes the storyboard-based About controller path plus its bridging-header import.

DashUIKit and SwiftUI Utility Cleanup

Layer / File(s) Summary
DashUIKit package and imports
DashWallet.xcworkspace/xcshareddata/swiftpm/Package.resolved, DashWallet/Sources/UI/Maya/Convert/Components/MayaAmountView.swift, DashWallet/Sources/UI/Menu/Settings/LocalCurrency/LocalCurrencyView.swift
Pins DashUIKit in SwiftPM and adds DashUIKit imports to the affected SwiftUI views.
Geometry and scroll helpers removed
DashWallet/Sources/UI/SwiftUI Components/Geometry Readers/FrameReader.swift, DashWallet/Sources/UI/SwiftUI Components/Geometry Readers/LocationReader.swift, DashWallet/Sources/UI/SwiftUI Components/Geometry Readers/ScaleToFitWidth.swift, DashWallet/Sources/UI/SwiftUI Components/ScrollViews/ScrollViewWithOnScrollChanged.swift
Removes the frame, location, width-scaling, and scroll-offset helper components and their exported extension APIs.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

  • dashpay/dashwallet-ios#721: Changes the same SettingsScreen.swift navigation and presentation area that this PR updates for the About screen.
  • dashpay/dashwallet-ios#772: Updates DashSyncCurrentCommit, which is read and displayed by the new AboutDashViewModel.

Suggested reviewers

  • Micaela12-22
  • HashEngineering

Poem

A bunny hopped through settings bright,
With SwiftUI bouncing left and right.
New About screen, neat and clean,
With review taps and support in between.
🐇✨

🚥 Pre-merge checks | ✅ 4 | ❌ 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 (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely summarizes the main change: a redesign of the About Dash screen in the UI.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/redesign-about-dash

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.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@DashWallet/Sources/UI/Menu/Settings/About/AboutDashView.swift`:
- Around line 33-98: The AboutDashView content is not scrollable, causing the
lower sections including menu items and footer text to be clipped on small
screens or with larger text sizes. Wrap the main content VStack (the one with
alignment .leading and spacing 20 that contains appVersion, dashSyncVersion,
exploreStatus, and other menu items) in a ScrollView to enable scrolling on
compact devices. Keep the NavigationBar outside the ScrollView at the top so it
remains visible, and remove or adjust the Spacer() after the ScrollView since it
will no longer be needed for layout purposes.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: aa0fabdb-0128-445d-9a14-b0c103a55bcc

📥 Commits

Reviewing files that changed from the base of the PR and between fa5e4af and 155692d.

⛔ Files ignored due to path filters (9)
  • DashWallet/Resources/AppAssets.xcassets/app-review.imageset/app-review.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/app-review.imageset/app-review@2x.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/app-review.imageset/app-review@3x.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/logo.imageset/logo.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/logo.imageset/logo@2x.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/logo.imageset/logo@3x.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/support.imageset/support.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/support.imageset/support@2x.png is excluded by !**/*.png
  • DashWallet/Resources/AppAssets.xcassets/support.imageset/support@3x.png is excluded by !**/*.png
📒 Files selected for processing (7)
  • DashWallet.xcodeproj/project.pbxproj
  • DashWallet/Resources/AppAssets.xcassets/app-review.imageset/Contents.json
  • DashWallet/Resources/AppAssets.xcassets/logo.imageset/Contents.json
  • DashWallet/Resources/AppAssets.xcassets/support.imageset/Contents.json
  • DashWallet/Sources/UI/Menu/Settings/About/AboutDashView.swift
  • DashWallet/Sources/UI/Menu/Settings/About/AboutDashViewModel.swift
  • DashWallet/Sources/UI/Menu/Settings/SettingsScreen.swift

Comment thread DashWallet/Sources/UI/Menu/Settings/About/AboutDashView.swift

@HashEngineering HashEngineering left a comment

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.

Is DWAboutViewController a class and set of files that is still needed?

Update Maya and menu UI components for improved About Dash presentation:
- Enhance MayaAmountView formatting and layout
- Improve LocalCurrencyView display and interaction
- Update bridging header configuration
- Update project configuration

This improves the overall user experience in the About Dash section.

@HashEngineering HashEngineering left a comment

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.

LGTM

- Update project.pbxproj build settings and references
- Add SwiftPM Package.resolved for dependency tracking
- Ensure consistent development environment configuration

@abaranouski abaranouski left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

looks good

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.

4 participants