Skip to content

Conversation

@lealobanov
Copy link
Collaborator

@lealobanov lealobanov commented Jun 23, 2025

Related Issue

Closes #1203

Summary of Changes

Need Regression Testing

  • Yes
  • No

Risk Assessment

  • Low
  • Medium
  • High

Additional Notes

Screenshots (if applicable)

@lealobanov lealobanov self-assigned this Jun 23, 2025
@github-actions
Copy link

github-actions bot commented Jun 23, 2025

PR Summary

Enhanced the backup flow UI by updating icons, color schemes and typography. Replaced old icons with new modern designs, standardized color usage to match app theme, and switched font from Montserrat to Inter across multiple screens. Improved visual hierarchy and consistency in backup and device management screens.

Changes

File Summary
app/src/main/java/com/flowfoundation/wallet/page/backup/model/BackupType.kt Changed icon resources for backup types (Google Drive, iCloud, Manual, etc.) to use consistent ic_settings_backup icon across most types except Passkey and Full Weight Seed Phrase.
app/src/main/java/com/flowfoundation/wallet/page/backup/multibackup/fragment/BackupStartFragment.kt Removed the learn more button click handler and dialog display for multi-backup information.
app/src/main/java/com/flowfoundation/wallet/page/profile/subpage/wallet/device/detail/DeviceInfoActivity.kt Removed device name display from device info screen while retaining other device details like application, IP and location.
app/src/main/res/drawable/bg_mnemonic_index.xml Modified background shape from oval to rectangle with rounded corners (8dp radius) while keeping the same color.
app/src/main/res/drawable/ic_alert_octagon.xml Added new octagon-shaped alert icon with red stroke for error states.
app/src/main/res/drawable/ic_circle_right_green.xml Changed success checkmark icon color to use colorSecondary theme attribute instead of hardcoded green.
app/src/main/res/drawable/ic_device_backup_start.xml New vector illustration for device backup start screen showing a device with lock symbol.
app/src/main/res/drawable/ic_device_type_computer.xml Updated computer icon with new design using stroke style and colorSecondary tint.
app/src/main/res/drawable/ic_device_type_phone.xml Updated phone icon with new design using stroke style and colorSecondary tint.
app/src/main/res/drawable/ic_multi_backup_start.xml New vector illustration for multi-backup start screen showing cloud sync concept.
app/src/main/res/drawable/ic_phrase_copy.xml Redesigned copy icon with new dimensions and stroke style using colorSecondary tint.
app/src/main/res/drawable/ic_recovery_phrase_backup_start.xml New vector illustration for recovery phrase backup showing document concept.
app/src/main/res/layout/activity_about.xml Changed font family from Montserrat to Inter for app name text.
app/src/main/res/layout/activity_claim_domain.xml Switched font family from Montserrat to Inter for domain name display.
app/src/main/res/layout/activity_collection.xml Changed font family to Inter for collection name display.
app/src/main/res/layout/activity_create_device_backup.xml Updated color scheme to use colorSecondary for icons and buttons, improved visual hierarchy.
app/src/main/res/layout/activity_developer_mode_setting.xml Changed font family to Inter for network settings text.
app/src/main/res/layout/activity_device_info.xml Removed device name, updated typography and colors, improved spacing and visual hierarchy.
app/src/main/res/layout/activity_devices.xml Updated color scheme to use colorSecondary, improved typography with Inter font.
app/src/main/res/layout/activity_enable_evm.xml Changed font family to Inter for EVM activation title and text.
app/src/main/res/layout/activity_wallet_backup.xml Major UI update with new illustrations, consistent typography, and color scheme using colorSecondary. Improved visual hierarchy and spacing.
app/src/main/res/layout/activity_wallet_confirm.xml Changed font family to Inter for confirmation text.
app/src/main/res/layout/activity_wallet_restore.xml Changed font family to Inter for wallet restore title.
app/src/main/res/layout/activity_wallet_setting.xml Changed font family to Inter for domain claim text.

autogenerated by presubmit.ai

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

🚨 Pull request needs attention.

Review Summary

Commits Considered (22)
Files Processed (17)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/model/BackupType.kt (1 hunk)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/multibackup/fragment/BackupStartFragment.kt (1 hunk)
  • app/src/main/res/drawable/bg_mnemonic_index.xml (1 hunk)
  • app/src/main/res/drawable/ic_alert_octagon.xml (1 hunk)
  • app/src/main/res/drawable/ic_circle_right_green.xml (1 hunk)
  • app/src/main/res/drawable/ic_phrase_copy.xml (1 hunk)
  • app/src/main/res/layout/activity_devices.xml (2 hunks)
  • app/src/main/res/layout/activity_restore_key_store.xml (1 hunk)
  • app/src/main/res/layout/fragment_backup_seed_phrase_info.xml (3 hunks)
  • app/src/main/res/layout/fragment_backup_seed_phrase_warning.xml (3 hunks)
  • app/src/main/res/layout/fragment_backup_start.xml (5 hunks)
  • app/src/main/res/layout/fragment_backup_start_about.xml (2 hunks)
  • app/src/main/res/layout/fragment_restore_error.xml (3 hunks)
  • app/src/main/res/layout/layout_backup_info_item.xml (5 hunks)
  • app/src/main/res/layout/layout_device_info_item.xml (4 hunks)
  • app/src/main/res/values-night/colors.xml (2 hunks)
  • app/src/main/res/values/strings.xml (6 hunks)
Actionable Comments (1)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/multibackup/fragment/BackupStartFragment.kt [38-43]

    possible issue: "Important educational UI element removed"

Skipped Comments (2)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/model/BackupType.kt [7-12]

    enhancement: "Consider using distinct icons for different backup types"

  • app/src/main/res/layout/fragment_restore_error.xml [130-134]

    possible issue: "Button text may be misleading"

Comment on lines 38 to 43
btnNext.setOnClickListener {
backupViewModel.startBackup()
}
tvLearnMore.setOnClickListener {
BackupAboutDialog().show(childFragmentManager, BackupAbout.ABOUT_MULTI_BACKUP)
}
if (BackupListManager.hadBackupOption(BackupType.GOOGLE_DRIVE)) {
oiGoogleDrive.changeItemStatus(true)
} else {

Choose a reason for hiding this comment

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

The removal of the 'Learn More' button and dialog reduces user access to important information about multi-backup functionality. Consider keeping this educational element or integrating it in a different way to ensure users understand the backup process.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

LGTM!

Review Summary

Commits Considered (1)
Files Processed (30)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/model/BackupType.kt (1 hunk)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/multibackup/fragment/BackupStartFragment.kt (1 hunk)
  • app/src/main/res/drawable/bg_mnemonic_index.xml (1 hunk)
  • app/src/main/res/drawable/ic_alert_octagon.xml (1 hunk)
  • app/src/main/res/drawable/ic_circle_right_green.xml (1 hunk)
  • app/src/main/res/drawable/ic_phrase_copy.xml (1 hunk)
  • app/src/main/res/layout/activity_about.xml (1 hunk)
  • app/src/main/res/layout/activity_claim_domain.xml (2 hunks)
  • app/src/main/res/layout/activity_collection.xml (1 hunk)
  • app/src/main/res/layout/activity_developer_mode_setting.xml (1 hunk)
  • app/src/main/res/layout/activity_devices.xml (2 hunks)
  • app/src/main/res/layout/activity_enable_evm.xml (2 hunks)
  • app/src/main/res/layout/activity_nft_detail.xml (1 hunk)
  • app/src/main/res/layout/activity_raw_key_restore.xml (1 hunk)
  • app/src/main/res/layout/activity_restore_key_store.xml (1 hunk)
  • app/src/main/res/layout/activity_token_detail.xml (1 hunk)
  • app/src/main/res/layout/activity_wallet_confirm.xml (1 hunk)
  • app/src/main/res/layout/activity_wallet_restore.xml (1 hunk)
  • app/src/main/res/layout/activity_wallet_setting.xml (1 hunk)
  • app/src/main/res/layout/dialog_add_collection_confirm.xml (1 hunk)
  • app/src/main/res/layout/dialog_evm_account.xml (1 hunk)
  • app/src/main/res/layout/dialog_evm_sign_typed_data.xml (1 hunk)
  • app/src/main/res/layout/dialog_evm_transaction.xml (1 hunk)
  • app/src/main/res/layout/dialog_fcl_authn.xml (1 hunk)
  • app/src/main/res/layout/dialog_fcl_authz.xml (1 hunk)
  • app/src/main/res/layout/dialog_fcl_sign_message.xml (1 hunk)
  • app/src/main/res/layout/dialog_fcl_wrong_network.xml (1 hunk)
  • app/src/main/res/layout/dialog_move_token.xml (1 hunk)
  • app/src/main/res/layout/fragment_backup_pin_code.xml (1 hunk)
  • app/src/main/res/layout/fragment_backup_seed_phrase_info.xml (3 hunks)
Actionable Comments (0)
Skipped Comments (3)
  • app/src/main/java/com/flowfoundation/wallet/page/backup/model/BackupType.kt [7-12]

    enhancement: "Inconsistent icon resource usage across backup types"

  • app/src/main/res/layout/activity_restore_key_store.xml [14-14]

    best practice: "Color reference should use semantic naming"

  • app/src/main/res/layout/fragment_backup_seed_phrase_info.xml [102-135]

    enhancement: "Warning message accessibility improvement needed"

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

🚨 Pull request needs attention.

Review Summary

Commits Considered (1)
Files Processed (3)
  • app/src/main/java/com/flowfoundation/wallet/page/profile/subpage/wallet/device/detail/DeviceInfoActivity.kt (1 hunk)
  • app/src/main/res/layout/activity_create_device_backup.xml (1 hunk)
  • app/src/main/res/layout/activity_device_info.xml (9 hunks)
Actionable Comments (1)
  • app/src/main/java/com/flowfoundation/wallet/page/profile/subpage/wallet/device/detail/DeviceInfoActivity.kt [66-66]

    possible bug: "Potential display issue with location formatting"

Skipped Comments (1)
  • app/src/main/res/layout/activity_device_info.xml [301-303]

    maintainability: "Redundant color attribute specification"

tvDeviceName.text = deviceModel.device_name
tvDeviceApplication.text = deviceModel.user_agent
tvDeviceIp.text = deviceModel.ip
tvDeviceLocation.text = deviceModel.city + ", " + deviceModel.countryCode

Choose a reason for hiding this comment

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

The location string concatenation deviceModel.city + ", " + deviceModel.countryCode may display incorrectly if either city or countryCode is null or empty. Consider adding null checks or using string templates with safe calls:

"${deviceModel.city?.takeIf { it.isNotEmpty() }}${if (deviceModel.city?.isNotEmpty() == true && deviceModel.countryCode?.isNotEmpty() == true) ", " else ""}${deviceModel.countryCode}".trim()

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

LGTM!

Review Summary

Commits Considered (1)
Files Processed (4)
  • app/src/main/res/drawable/ic_device_backup_start.xml (1 hunk)
  • app/src/main/res/drawable/ic_multi_backup_start.xml (1 hunk)
  • app/src/main/res/drawable/ic_recovery_phrase_backup_start.xml (1 hunk)
  • app/src/main/res/layout/activity_wallet_backup.xml (4 hunks)
Actionable Comments (0)
Skipped Comments (3)
  • app/src/main/res/drawable/ic_device_backup_start.xml [20-20]

    enhancement: "Improve accessibility by adding content description"

  • app/src/main/res/layout/activity_wallet_backup.xml [47-50]

    best practice: "Missing content description on ImageView"

  • app/src/main/res/layout/activity_wallet_backup.xml [125-125]

    maintainability: "Hardcoded text size value"

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

LGTM!

Review Summary

Commits Considered (1)
Files Processed (0)
Actionable Comments (0)
Skipped Comments (0)

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

🚨 Pull request needs attention.

Review Summary

Commits Considered (1)
Files Processed (1)
  • app/src/main/res/layout/activity_devices.xml (3 hunks)
Actionable Comments (1)
  • app/src/main/res/layout/activity_devices.xml [36-36]

    possible issue: "Font resource path may be incorrect"

Skipped Comments (0)

android:layout_marginHorizontal="10dp"
android:layout_marginTop="8dp"
android:fontFamily="@font/inter_semi_bold"
android:fontFamily="@font/src_inter_bold"

Choose a reason for hiding this comment

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

The font resource path @font/src_inter_bold appears to include 'src' in the path, which is unusual and might be incorrect. Android font resources are typically referenced without 'src' in the path. Consider verifying if the correct path should be @font/inter_bold instead.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

LGTM!

Review Summary

Commits Considered (1)
Files Processed (0)
Actionable Comments (0)
Skipped Comments (0)

@lealobanov lealobanov marked this pull request as ready for review June 25, 2025 16:20
@lealobanov lealobanov requested a review from a team as a code owner June 25, 2025 16:20
@lealobanov lealobanov changed the title Backup flow UI updates Backup flow UI updates, Settings UI updates Jun 26, 2025
@lealobanov lealobanov merged commit 8a28fd3 into feature/multi-account Jun 26, 2025
3 checks passed
@lealobanov lealobanov deleted the ll-ui branch June 26, 2025 10:13
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