{#if loginModalState.visible}
(loginModalState.visible = false)} aria-hidden="true" >
Login with your internet handle
e.g. your bluesky account
{#if showRecentLogins}
Recent logins
{#each Object.values(recentLogins) .filter((l) => l.handle && l.handle !== 'handle.invalid') .slice(0, 4) as recentLogin (recentLogin.did)}
{recentLogin.handle}
{ value = recentLogin.handle; selectedActor = recentLogin; if (loginOnSelect) onSubmit(); else focusSubmit(); }} >
login
{ removeRecentLogin(recentLogin.did); }} class="z-30 cursor-pointer rounded-full p-0.5" >
sign in with other account
{/each}
{:else if !selectedActor}
{ selectedActor = a; value = a.handle; if (loginOnSelect) onSubmit(); else focusSubmit(); }} bind:ref={input} />
{:else}
{selectedActor.handle}
{ selectedActor = undefined; value = ''; }} class="cursor-pointer rounded-full p-0.5" >
sign in with other account
{/if} {#if error}
{error}
{/if}
{#if showRecentLogins}
Or login with new handle
{ recentLoginsView = false; focusInput(); }} class="w-full">Login with new handle
{:else}
{loadingLogin ? 'Loading...' : 'Login'}
{/if}
{#if signUp}
Don't have an account?
{ loadingSignup = true; await signup(); }} disabled={loadingSignup} class="w-full">{loadingSignup ? 'Loading...' : 'Sign Up'}
{/if}
{/if}