Skip to content

Fix spacing inconsistencies across different devices#97

Merged
Brunonascdev merged 6 commits intobn-manage-assets-data-flowfrom
bn-fix-spacing-inconsistencies-across-devices
Apr 21, 2025
Merged

Fix spacing inconsistencies across different devices#97
Brunonascdev merged 6 commits intobn-manage-assets-data-flowfrom
bn-fix-spacing-inconsistencies-across-devices

Conversation

@Brunonascdev
Copy link
Copy Markdown
Contributor

@Brunonascdev Brunonascdev commented Apr 16, 2025

Fix spacing inconsistencies across different devices

closes issue #93 and #92

iOS (iPhone 14 Pro)

ScreenRecording_04-17-2025.13-44-55_1.MP4

Android (Galaxy S21)

Screen_Recording_20250417_135303_Freighter.mp4

iOS Small (iPhone SE)

Simulator.Screen.Recording.-.smalliphone.-.2025-04-17.at.14.39.13.mp4

Android Small (720x1280)

smallandroid.webm

@Brunonascdev Brunonascdev added the bug Something isn't working label Apr 16, 2025
@Brunonascdev Brunonascdev self-assigned this Apr 16, 2025
Copy link
Copy Markdown
Contributor

Copilot AI 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 Overview

This PR fixes spacing inconsistencies across different devices and makes several updates to UI components and helper functions. Key changes include new spacing calculation logic using calculateSpacing, removal of the legacy AddAssetScreen component, and updates to context menu and bottom sheet components for improved consistency.

Reviewed Changes

Copilot reviewed 59 out of 61 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/components/screens/AddAssetRightContent.tsx Introduces a new button component with updated spacing and icon usage.
src/components/screens/AddAssetBottomSheetContent.tsx Adds new bottom sheet content with updated spacing and layout tweaks.
src/components/screens/AddAssetScreen.tsx Removed legacy AddAssetScreen component as part of the spacing correction effort.
src/components/primitives/Menu.tsx Adds padding to the menu trigger for improved tap target area.
src/components/layout/OnboardLayout.tsx, BaseLayout.tsx, CustomNavigationHeader.tsx Replaces direct insets with calculateSpacing for consistency across devices.
src/components/Spinner.tsx, Modal.tsx, ManageAssetRightContent.tsx New and updated components that conform to the refresh spacing strategy.
src/components/ContextMenuButton.tsx, BottomSheet.tsx Enhances menu behavior and adds new optional props for the bottom sheet.
Jest setup and tests Updates testing utils and mocks to align with the new spacing logic and component props.
Files not reviewed (2)
  • ios/freighter-mobile/PrivacyInfo.xcprivacy: Language not supported
  • package.json: Language not supported

Comment thread src/components/ContextMenuButton.tsx
@Brunonascdev Brunonascdev linked an issue Apr 16, 2025 that may be closed by this pull request
@CassioMG
Copy link
Copy Markdown
Contributor

@Brunonascdev should this PR be pointing to bn-manage-assets-data-flow instead of main ?

@Brunonascdev Brunonascdev changed the base branch from main to bn-manage-assets-data-flow April 21, 2025 12:16
@Brunonascdev
Copy link
Copy Markdown
Contributor Author

@Brunonascdev should this PR be pointing to bn-manage-assets-data-flow instead of main ?

makes sense. I just changed the base.

Comment thread src/helpers/dimensions.ts Outdated
Comment thread src/helpers/dimensions.ts Outdated
Comment thread src/helpers/dimensions.ts
Copy link
Copy Markdown
Contributor

@CassioMG CassioMG left a comment

Choose a reason for hiding this comment

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

Left a few comments

@CassioMG CassioMG linked an issue Apr 21, 2025 that may be closed by this pull request
@Brunonascdev Brunonascdev merged commit 4332c3d into bn-manage-assets-data-flow Apr 21, 2025
@Brunonascdev Brunonascdev deleted the bn-fix-spacing-inconsistencies-across-devices branch April 21, 2025 14:08
Brunonascdev added a commit that referenced this pull request Apr 23, 2025
* feat: add search asset function

* feat(wip): asset screen done, missing stellar sdk integration

* feat(wip): add changeTrust tx creation and submission

* refactor: general improvements and useColors hook

* feat: merge with main branch

* feat: add remove asset feature

* fix: jest issues with toastprovider

* feat: add modal component

* feat: pr suggested improvements

* feat: create useManageAssets hook

* Fix spacing inconsistencies across different devices (#97)

* feat: add calculateSpacing function to handle different devices

* refactor: remove unnecessary spacing constant

* refactor: remove unnecessary styled-components component

* feat: pr suggested improvements

* feat: create useAssetLookup hook for searching contracts and tokens

* feat: add Custom Token capabilities

* feat: move AssetTypeWithCustomToken type to a enum

* feat: add decimals and fix error on fetch prices endpoint call

* refactor: rewrite storage typings comment

* feat: make remove asset parameter unique

* feat: adjust trustlines copy and general pr requested changes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] ManageAssetsStack navigation [UI] Improvements on BaseLayout

3 participants