grain.social is a photo sharing platform built on atproto.
grain.social
1import { OAUTH_ROUTES } from "@bigmoves/bff";
2import { PDS_HOST_URL } from "../env.ts";
3import { Button } from "./Button.tsx";
4import { Dialog } from "./Dialog.tsx";
5
6export function CreateAccountDialog({}: Readonly<{}>) {
7 return (
8 <Dialog id="photo-alt-dialog">
9 <Dialog.Content>
10 <Dialog.X class="fill-zinc-950 dark:fill-zinc-50" />
11 <Dialog.Title>Choose your handle</Dialog.Title>
12 <div className="flex flex-col space-y-4 my-10">
13 <form hx-post={OAUTH_ROUTES.signup} hx-swap="none" class="w-full">
14 <input
15 type="hidden"
16 name="pdsHostUrl"
17 value="https://bsky.social"
18 />
19 <Button
20 type="submit"
21 variant="primary"
22 class="w-full"
23 >
24 user.bsky.social
25 </Button>
26 </form>
27 <form hx-post={OAUTH_ROUTES.signup} hx-swap="none" class="w-full">
28 <input
29 type="hidden"
30 name="pdsHostUrl"
31 value={PDS_HOST_URL}
32 />
33 <Button
34 type="submit"
35 variant="primary"
36 class="w-full"
37 >
38 user.grain.social
39 </Button>
40 </form>
41 <p>
42 Note: <b>.grain.social</b> handles are currently invite only.
43 </p>
44 </div>
45 </Dialog.Content>
46 </Dialog>
47 );
48}