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

fix(DIA-981)(DIA-937): Auth2 QA Omnibus (Continued) #11083

Merged
merged 5 commits into from
Nov 11, 2024

Conversation

iskounen
Copy link
Contributor

@iskounen iskounen commented Nov 11, 2024

This PR resolves DIA-981 DIA-937

Description

This PR continues fixes for the auth2 QA issues:

  1. Make the social sign-in icons centered and larger
  2. Show an error message alert when social sign-in fails
  3. Don't show the email checkbox option for users in the US
Make the social sign-in icons centered and larger
Screenshot 2024-11-11 at 7 12 05 AM
Show an error message alert when social sign-in fails
Simulator Screenshot - iPhone SE (3rd generation) - 2024-11-11 at 06 14 34 Screenshot_1731323694

PR Checklist

  • I have tested my changes on iOS and Android.
  • I hid my changes behind a feature flag, or they don't need one.
  • I have included screenshots or videos, or I have not changed the UI.
  • I have added tests, or my changes don't require any.
  • I added an app state migration, or my changes do not require one.
  • I have documented any follow-up work that this PR will require, or it does not require any.
  • I have added a changelog entry below, or my changes do not require one.

To the reviewers 👀

  • I would like at least one of the reviewers to run this PR on the simulator or device.
Changelog updates

Changelog updates

Cross-platform user-facing changes

  • Make the social sign-in icons centered and larger
  • Show a correct error message alert when social sign-in fails
  • Don't show the email checkbox option for users in the US

iOS user-facing changes

Android user-facing changes

Dev changes

Need help with something? Have a look at our docs, or get in touch with us.

@iskounen iskounen self-assigned this Nov 11, 2024
@iskounen iskounen marked this pull request as draft November 11, 2024 12:21
<Image source={require("images/apple.webp")} />
<Button variant="outline" onPress={handleApplePress}>
<Flex alignItems="center" justifyContent="center">
<AppleIcon width="23px" height="23px" style={{ position: "relative", top: 4 }} />
Copy link
Contributor

Choose a reason for hiding this comment

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

few changes here:

  • there's no px in native development, let's use these props as numbers width={23} instead.
  • Maybe add a comment about why top with 4 was needed
  • position by default is relative in RN, so I'm not sure if position is necessary here https://reactnative.dev/docs/layout-props#position

the same goes to the other icons

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm not sure if position is necessary here

By George, you're right!

@iskounen iskounen marked this pull request as ready for review November 11, 2024 14:08
@ArtsyOpenSource
Copy link
Contributor

ArtsyOpenSource commented Nov 11, 2024

This PR contains the following changes:

  • Cross-platform user-facing changes (Make the social sign-in icons centered and larger,Show a correct error message alert when social sign-in fails,Don't show the email checkbox option for users in the US - iskounen)

Generated by 🚫 dangerJS against 7fdc9ee

@iskounen iskounen force-pushed the iskounen/fix/auth2-qa-omnibus-continued branch from 59d4f46 to 7fdc9ee Compare November 11, 2024 14:20
@iskounen iskounen merged commit 854e875 into main Nov 11, 2024
7 checks passed
@iskounen iskounen deleted the iskounen/fix/auth2-qa-omnibus-continued branch November 11, 2024 14:47
<Button variant="outline" onPress={handleApplePress}>
<Flex alignItems="center" justifyContent="center">
{/* On iOS, the icons need to be nudged down to be centered in the button. */}
<AppleIcon width={23} height={23} style={{ top: 4 }} />
Copy link
Contributor

Choose a reason for hiding this comment

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

if it's iOS only, then shouldn't we check the platform here too as we do in the other icons?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

No, because we only show the Apple option on iOS, so it would be redundant to add the check here.

artsyit pushed a commit that referenced this pull request Nov 11, 2024
* resized social icons and aligned them

* Finished catch-all error message

* added sentry event for social sign-in errors

* let metaphysics determine my IP address

* fixed code review suggestions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants