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

Logged out improvments #5771

Merged
merged 8 commits into from
Oct 17, 2024
Merged

Logged out improvments #5771

merged 8 commits into from
Oct 17, 2024

Conversation

mozzius
Copy link
Member

@mozzius mozzius commented Oct 16, 2024

Adds missing safe area insets to the signup and login flows. Also:

  • Replaces X icon with a nicer one
  • Fetches all profiles for the account switch at once rather than individually
  • Adds insets to the root error boundary

Test plan

Make sure there's no content leaking into the safe area for all the logged out screens, i.e. auth, deactivation, onboarding, etc

@arcalinea arcalinea temporarily deployed to samuel/select-account-improvements - social-app PR #5771 October 16, 2024 11:43 — with Render Destroyed
Copy link

github-actions bot commented Oct 16, 2024

Old size New size Diff
7.9 MB 7.9 MB 1.12 KB (0.01%)

<Text emoji style={[t.atoms.text_contrast_medium]}>
{account.handle}
</Text>
<Text style={[t.atoms.text_contrast_medium]}>{account.handle}</Text>
Copy link
Member

Choose a reason for hiding this comment

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

Don't need to sanitize the display name here since it's the user's own account, but the sanitizeHandle util is used to insert the warning icon for invalid handles, and if that happens we need the emoji prop. Pry good to add that sanitization for consistency, idk why it's not here already.

Copy link
Member Author

Choose a reason for hiding this comment

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

Ah ok good to know

<ScrollView
style={[a.h_full, a.w_full]}
contentContainerStyle={{borderWidth: 0}}>
<View
style={[
a.px_2xl,
{
paddingTop: isWeb ? 64 : insets.top,
paddingTop: isWeb ? 64 : insets.top + 16,
Copy link
Member

Choose a reason for hiding this comment

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

Nit: feel like we could use a lil more padding here on native, and for consistency, could do like a.pt_2xl.paddingTop or tokens.space._2xl

Copy link
Member

Choose a reason for hiding this comment

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

Note: Android looks fine, iOS felt a little close to me but clearly it's gonna vary a bit, so not a huge deal

Copy link
Member Author

Choose a reason for hiding this comment

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

bumped to xl, I think 2xl might be a bit much even on iOS

a.util_screen_outer,
t.atoms.bg,
{paddingTop: insets.top, paddingBottom: insets.bottom},
]}>
<ErrorBoundary>
{onDismiss && screenState === ScreenState.S_LoginOrCreateAccount ? (
<Pressable
Copy link
Member

Choose a reason for hiding this comment

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

Nit: could just swap in the Button here if you want

Copy link
Member

@estrattonbailey estrattonbailey left a comment

Choose a reason for hiding this comment

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

Nice nice

@arcalinea arcalinea temporarily deployed to samuel/select-account-improvements - social-app PR #5771 October 17, 2024 09:07 — with Render Destroyed
@arcalinea arcalinea temporarily deployed to samuel/select-account-improvements - social-app PR #5771 October 17, 2024 09:08 — with Render Destroyed
@mozzius mozzius merged commit 74b0929 into main Oct 17, 2024
6 checks passed
@mozzius mozzius deleted the samuel/select-account-improvements branch October 17, 2024 15:48
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