mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-24 23:19:39 -05:00
28 lines
649 B
TypeScript
28 lines
649 B
TypeScript
import { useUserContext } from "~/root";
|
|
import { DiscordIcon } from "../icons/Discord";
|
|
|
|
// TODO: redirect to same page on login
|
|
export function UserItem() {
|
|
const user = useUserContext();
|
|
|
|
if (user)
|
|
return (
|
|
<img
|
|
className="layout__avatar"
|
|
src={`https://cdn.discordapp.com/avatars/${user.discordId}/${user.discordAvatar}.png?size=80`}
|
|
/>
|
|
);
|
|
|
|
return (
|
|
<form action="/auth/discord" method="post" data-cy="log-in-form">
|
|
<button
|
|
type="submit"
|
|
className="layout__log-in-button"
|
|
data-cy="log-in-button"
|
|
>
|
|
<DiscordIcon /> Log in
|
|
</button>
|
|
</form>
|
|
);
|
|
}
|