40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { createLazyFileRoute, Link } from "@tanstack/react-router";
|
|
|
|
export const Route = createLazyFileRoute("/new")({
|
|
component: Screen,
|
|
});
|
|
|
|
function Screen() {
|
|
return (
|
|
<div className="size-full flex items-center justify-center">
|
|
<div className="w-[320px] flex flex-col gap-8">
|
|
<div className="flex flex-col gap-1 text-center">
|
|
<h1 className="leading-tight text-xl font-semibold">
|
|
Direct Message client for Nostr.
|
|
</h1>
|
|
</div>
|
|
<div className="flex flex-col gap-3">
|
|
<Link
|
|
to="/create-account"
|
|
className="w-full h-9 bg-blue-500 hover:bg-blue-600 text-white rounded-lg inline-flex items-center justify-center shadow"
|
|
>
|
|
Create a new identity
|
|
</Link>
|
|
<Link
|
|
to="/nostr-connect"
|
|
className="w-full h-9 bg-white hover:bg-neutral-100 dark:hover:bg-neutral-950 dark:bg-neutral-900 rounded-lg inline-flex items-center justify-center"
|
|
>
|
|
Login with Nostr Connect
|
|
</Link>
|
|
<Link
|
|
to="/import-key"
|
|
className="w-full text-sm text-neutral-600 dark:text-neutral-400 inline-flex items-center justify-center"
|
|
>
|
|
Login with Private Key (not recommended)
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|