From 7c6576960b6037cb17000c464ed00b9f6d557258 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 17 Oct 2024 13:42:19 -0500
Subject: [PATCH] Fix NavSignupCard on web

---
 src/components/AppLanguageDropdown.tsx     | 4 ++--
 src/components/AppLanguageDropdown.web.tsx | 5 +++--
 src/view/shell/NavSignupCard.tsx           | 4 ++--
 src/view/shell/desktop/LeftNav.tsx         | 2 +-
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/AppLanguageDropdown.tsx b/src/components/AppLanguageDropdown.tsx
index 6170ab2e20..82ca4999e3 100644
--- a/src/components/AppLanguageDropdown.tsx
+++ b/src/components/AppLanguageDropdown.tsx
@@ -7,10 +7,10 @@ import {sanitizeAppLanguageSetting} from '#/locale/helpers'
 import {APP_LANGUAGES} from '#/locale/languages'
 import {useLanguagePrefs, useLanguagePrefsApi} from '#/state/preferences'
 import {resetPostsFeedQueries} from '#/state/queries/post-feed'
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a, useTheme, ViewStyleProp} from '#/alf'
 import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron'
 
-export function AppLanguageDropdown() {
+export function AppLanguageDropdown(_props: ViewStyleProp) {
   const t = useTheme()
 
   const queryClient = useQueryClient()
diff --git a/src/components/AppLanguageDropdown.web.tsx b/src/components/AppLanguageDropdown.web.tsx
index 00a7b53011..d51b53ac07 100644
--- a/src/components/AppLanguageDropdown.web.tsx
+++ b/src/components/AppLanguageDropdown.web.tsx
@@ -6,11 +6,11 @@ import {sanitizeAppLanguageSetting} from '#/locale/helpers'
 import {APP_LANGUAGES} from '#/locale/languages'
 import {useLanguagePrefs, useLanguagePrefsApi} from '#/state/preferences'
 import {resetPostsFeedQueries} from '#/state/queries/post-feed'
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a, useTheme, ViewStyleProp} from '#/alf'
 import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron'
 import {Text} from '#/components/Typography'
 
-export function AppLanguageDropdown() {
+export function AppLanguageDropdown({style}: ViewStyleProp) {
   const t = useTheme()
 
   const queryClient = useQueryClient()
@@ -40,6 +40,7 @@ export function AppLanguageDropdown() {
         // We don't have hitSlop here to increase the tap region,
         // alternative is negative margins.
         {height: 32, marginVertical: -((32 - 14) / 2)},
+        style,
       ]}>
       <View
         style={[
diff --git a/src/view/shell/NavSignupCard.tsx b/src/view/shell/NavSignupCard.tsx
index 05533328c3..63648db4cf 100644
--- a/src/view/shell/NavSignupCard.tsx
+++ b/src/view/shell/NavSignupCard.tsx
@@ -64,8 +64,8 @@ let NavSignupCard = ({}: {}): React.ReactNode => {
         </Button>
       </View>
 
-      <View style={[a.pt_2xl, a.w_full]}>
-        <AppLanguageDropdown />
+      <View style={[a.mt_md, a.w_full, {height: 32}]}>
+        <AppLanguageDropdown style={{marginTop: 0}} />
       </View>
     </View>
   )
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx
index ecd00a9192..1a9ce20054 100644
--- a/src/view/shell/desktop/LeftNav.tsx
+++ b/src/view/shell/desktop/LeftNav.tsx
@@ -353,7 +353,7 @@ export function DesktopLeftNav() {
       {hasSession ? (
         <ProfileCard />
       ) : isDesktop ? (
-        <View style={{paddingHorizontal: 12}}>
+        <View style={[a.pt_xl]}>
           <NavSignupCard />
         </View>
       ) : null}