an independent Bluesky client using Constellation, PDS Queries, and other services
reddwarf.app
frontend
spa
bluesky
reddwarf
microcosm
client
app
login greet with handle and pfp
+6
-4
+6
-4
src/components/Login.tsx
+6
-4
src/components/Login.tsx
···
6
6
}
7
7
8
8
export default function Login({ compact = false }: LoginProps) {
9
-
const { loginStatus, login, logout, loading, authed } = useAuth();
9
+
const { loginStatus, login, logout, loading, authed, agent } = useAuth();
10
10
const [user, setUser] = useState("");
11
11
const [password, setPassword] = useState("");
12
12
const [serviceURL, setServiceURL] = useState("bsky.social");
···
112
112
<div className="p-6 bg-gray-100 dark:bg-gray-900 rounded-xl shadow border border-gray-200 dark:border-gray-800 mt-6 mx-4">
113
113
{authed ? (
114
114
<div className="flex flex-col items-center justify-center text-center">
115
-
<p className="text-lg font-semibold mb-6 text-gray-800 dark:text-gray-100">
115
+
<p className="text-lg font-semibold mb-2 text-gray-800 dark:text-gray-100">
116
116
You are logged in!
117
117
</p>
118
+
<ProfileThing />
118
119
<button
119
120
onClick={logout}
120
-
className="bg-gray-600 hover:bg-gray-700 text-white rounded px-6 py-2 font-semibold text-base transition-colors"
121
+
className="bg-gray-600 mt-2 hover:bg-gray-700 text-white rounded px-6 py-2 font-semibold text-base transition-colors"
121
122
>
122
123
Log out
123
124
</button>
···
193
194
};
194
195
195
196
if (!authed) {
197
+
return
196
198
return (
197
199
<div className="inline-block">
198
200
<span className="text-gray-100 text-base font-medium px-1.5">
···
218
220
alt="avatar"
219
221
className="w-[30px] h-[30px] rounded-full object-cover"
220
222
/>
221
-
<div>
223
+
<div className="flex flex-col items-start">
222
224
<div className="text-gray-100 text-xs">{response?.displayName}</div>
223
225
<div className="text-gray-100 text-xs">@{response?.handle}</div>
224
226
</div>