ciaran.co.za
A Prediction Market on the AT Protocol
feat(auth-context-provider.tsx): clean up loading states more
+4
-4
src/web/providers/auth-context-provider.tsx
+4
-4
src/web/providers/auth-context-provider.tsx
···
52
52
<div className="flex items-center gap-2">{data?.profile && <Avatar profile={data.profile} />}</div>
53
53
</header>
54
54
<div className="flex-1 overflow-y-scroll">
55
-
{!authenticated && !loading &&
56
-
<form onSubmit={handleSubmit} className="max-w-sm m-auto flex flex-col gap-2">
55
+
{!authenticated &&
56
+
<form onSubmit={handleSubmit} className="pt-2 max-w-sm m-auto flex flex-col gap-2">
57
57
<Input value={identifier} onChange={(e) => setIdentifier(e.target.value.toLowerCase().replaceAll(" ", ""))} autoComplete="username" placeholder="username.com" />
58
58
<Button disabled={loading} size="sm" type="submit">{loading && <Spinner />} Login</Button>
59
59
</form>}
60
60
61
-
{authenticated && !loading &&
61
+
{authenticated &&
62
62
<AuthContext.Provider value={{ profile: data.profile, client: data.client }}>
63
-
{children}
63
+
{loading ? <Spinner /> : children}
64
64
</AuthContext.Provider>}
65
65
</div>
66
66
</main>