Automatically resolve hosting provider from handle (#11053)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>
Co-authored-by: Eric Bailey <git@esb.lol>

src/view/com/auth/LoggedOut.tsx

@@ -160,7 +160,12 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
           />
         ) : undefined}
         {screenState === ScreenState.S_Login ? (
-          <Login onPressBack={onPressBack} />
+          <Login
+            onPressBack={onPressBack}
+            onPressCreateAccount={() => {
+              setScreenState(ScreenState.S_CreateAccount)
+            }}
+          />
         ) : undefined}
         {screenState === ScreenState.S_CreateAccount ? (
           <Signup onPressBack={onPressBack} />

src/view/com/auth/SplashScreen.tsx

@@ -80,7 +80,18 @@ export const SplashScreen = ({
         <View
           testID="signinOrCreateAccount"
           style={[a.px_5xl, a.gap_md, a.pb_sm]}>
-          <View
+          <Button
+            testID="createAccountButton"
+            onPress={() => {
+              onPressCreateAccount()
+              playHaptic('Light')
+            }}
+            label={_(msg`Create new account`)}
+            accessibilityHint={_(
+              msg`Opens flow to create a new Bluesky account`,
+            )}
+            size="large"
+            color={isDarkMode ? 'secondary_inverted' : 'secondary'}
             style={[
               t.atoms.shadow_md,
               {
@@ -91,23 +102,10 @@ export const SplashScreen = ({
                 },
               },
             ]}>
-            <Button
-              testID="createAccountButton"
-              onPress={() => {
-                onPressCreateAccount()
-                playHaptic('Light')
-              }}
-              label={_(msg`Create new account`)}
-              accessibilityHint={_(
-                msg`Opens flow to create a new Bluesky account`,
-              )}
-              size="large"
-              color={isDarkMode ? 'secondary_inverted' : 'secondary'}>
-              <ButtonText>
-                <Trans>Create account</Trans>
-              </ButtonText>
-            </Button>
-          </View>
+            <ButtonText>
+              <Trans>Create account</Trans>
+            </ButtonText>
+          </Button>
 
           <Button
             testID="signInButton"
@@ -119,7 +117,8 @@ export const SplashScreen = ({
             accessibilityHint={_(
               msg`Opens flow to sign in to your existing Bluesky account`,
             )}
-            size="large">
+            size="large"
+            hoverStyle={{opacity: 0.5}}>
             <ButtonText style={{color: 'white'}}>
               <Trans>Sign in</Trans>
             </ButtonText>