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

Rn version switcher #6278

Merged
merged 9 commits into from
Nov 10, 2023
Merged

Rn version switcher #6278

merged 9 commits into from
Nov 10, 2023

Conversation

jacoblogan
Copy link
Contributor

Description of changes:

Add version switcher to RN and all web platforms

staging site: https://rn-version-switcher.dmhjrabi3pkql.amplifyapp.com/

Related GitHub issue #, if available:

Instructions

If this PR should not be merged upon approval for any reason, please submit as a DRAFT

Which product(s) are affected by this PR (if applicable)?

  • amplify-cli
  • amplify-ui
  • amplify-studio
  • amplify-hosting
  • amplify-libraries

Which platform(s) are affected by this PR (if applicable)?

  • JS
  • iOS
  • Android
  • Flutter
  • React Native

Please add the product(s)/platform(s) affected to the PR title

Checks

  • Does this PR conform to the styleguide?

  • Does this PR include filetypes other than markdown or images? Please add or update unit tests accordingly.

  • Are any files being deleted with this PR? If so, have the needed redirects been created?

  • Are all links in MDX files using the MDX link syntax rather than HTML link syntax?

    ref: MDX: [link](https://link.com)
    HTML: <a href="https://link.com">link</a>

When this PR is ready to merge, please check the box below

  • Ready to merge

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

@jacoblogan jacoblogan requested review from a team and renebrandel as code owners November 9, 2023 21:42
@@ -6,6 +6,8 @@
&__button {
display: flex;
justify-content: space-between;
white-space: nowrap;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

React Native title was wrapping

Copy link
Member

Choose a reason for hiding this comment

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

I'm wondering if we should just decrease the font size or maybe make the arrow smaller? It still looks really cramped:

image

@@ -61,7 +61,7 @@ export function PlatformNavigator({ currentPlatform, isPrev }) {
flex="1 1 0"
paddingRight="xs"
>
<Flex as="span" alignItems="center" gap="small">
<Flex as="span" alignItems="center" gap="xs">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

React Native looked very cramped trying to buy just a little more space

sowmya-kota07
sowmya-kota07 previously approved these changes Nov 9, 2023
Copy link
Contributor

@hbuchel hbuchel left a comment

Choose a reason for hiding this comment

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

Thanks for the updates, lgtm!

@jacoblogan jacoblogan merged commit 29925d5 into next-release/main Nov 10, 2023
7 checks passed
@jacoblogan jacoblogan deleted the rn-version-switcher branch November 10, 2023 02:53
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.

4 participants