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

Handle popover showing from side only in sidebar screen #6558

Merged
merged 6 commits into from
Dec 15, 2021

Conversation

AlfredoAlc
Copy link
Contributor

@AlfredoAlc AlfredoAlc commented Dec 2, 2021

Details

The changes made are to support showing from the side the popover (FAB options) on iPad.

Fixed Issues

$ #6278
$ #6520
$ #6519
$ #6522

Tests

  1. Press FAB, options should appear from bottom(iPhone), options should appear from side(iPad).
  2. Enter a conversation, press the + icon and press Add attachment, the next popover should appear from bottom.
  3. Press emoticons button, popover should appear from the bottom and centered from the sides on the screen.
  4. Navigate to settings, press avatar to edit profile.
  5. Press avatar to change image.
  6. Press Upload photo, next popover should appear from bottom.

QA Steps

  1. Press FAB, options should appear from bottom(iPhone), options should appear from side(iPad).
  2. Enter a conversation, press the + icon and press Add attachment, the next popover should appear from bottom.
  3. Press emoticons button, popover should appear from the bottom and centered from the sides on the screen.
  4. Navigate to settings, press avatar to edit profile.
  5. Press avatar to change image.
  6. Press Upload photo, next popover should appear from bottom.

Tested On

  • Web
  • Mobile Web
  • Desktop
  • iOS
  • Android

Screenshots

iPhone

iPhone.mp4

iPad

iPad.mp4

Android

android.original.mov

Web

web.original.mov

@AlfredoAlc AlfredoAlc requested a review from a team as a code owner December 2, 2021 00:31
@MelvinBot MelvinBot requested review from Jag96 and removed request for a team December 2, 2021 00:31
Copy link
Contributor

@Jag96 Jag96 left a comment

Choose a reason for hiding this comment

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

It looks like this PR has some regressions, mainly the animations on iOS/Android are now missing (create menu and change profile picture as examples). Can you update this and also add screenshots for the other platforms (iOS non-iPad, Android, Web) to confirm there are no additional regressions?

src/components/Popover/index.native.js Outdated Show resolved Hide resolved
@AlfredoAlc AlfredoAlc requested a review from Jag96 December 10, 2021 03:45
Copy link
Contributor

@Jag96 Jag96 left a comment

Choose a reason for hiding this comment

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

LGTM, thanks for the update!

@Jag96 Jag96 merged commit cd3df25 into Expensify:main Dec 15, 2021
@OSBotify
Copy link
Contributor

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

@OSBotify
Copy link
Contributor

🚀 Deployed to staging by @Jag96 in version: 1.1.20-3 🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 failure ❌
🕸 web 🕸 success ✅

@OSBotify
Copy link
Contributor

🚀 Deployed to production by @Julesssss in version: 1.1.21-1 🚀

platform result
🤖 android 🤖 failure ❌
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

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