Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Reorder elements in EmptyView #1397

Closed
wants to merge 1 commit into from
Closed

Conversation

alishariatbahadori
Copy link
Collaborator

Why?

To improve the visual hierarchy and user experience, the image in the EmptyView should be placed above the title and description. This change will also align iOS with Web and Android.

What?

  • Moved the image to the top in the EmptyView component.
  • Title now appears below the image, followed by the description.

Would this change affect other parts of the app? Please review and let me know if need adjustments.

UI Changes

Before After
Simulator Screenshot - iPhone 16 - 2025-02-04 at 09 47 56 simulator_screenshot_A552BE14-D39A-4DC0-93A1-AE4EE715A8C1
Simulator Screenshot - iPad (10th generation) - 2025-02-04 at 09 49 19 simulator_screenshot_F113AC70-8CF0-485F-8496-8D9DA9603104

@osanoj
Copy link
Contributor

osanoj commented Feb 4, 2025

Would this change affect other parts of the app? Please review and let me know if need adjustments.

Yes, there are more uses of this view, from a quick search various places related to AdIn

Primarily it would be good if you can check on the smallest screen size we support, to make sure it looks good there as well (text visible on screen for instance 😅)

@alishariatbahadori
Copy link
Collaborator Author

Closing this PR. We’ve decided to stick with the old design on iOS for now and discuss it further later.

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