grain.social is a photo sharing platform built on atproto.
1import { AtUri } from "@atproto/syntax";
2
3export function PhotoExifButton({ photoUri }: Readonly<{ photoUri: string }>) {
4 return (
5 <div
6 class="bg-zinc-950/50 dark:bg-zinc-950/50 py-[1px] px-[3px] absolute bottom-2 left-2 cursor-pointer flex items-center justify-center text-xs text-white font-semibold z-10"
7 hx-get={`/dialogs/photo/${new AtUri(photoUri).rkey}/exif`}
8 hx-trigger="click"
9 hx-target="#layout"
10 hx-swap="afterbegin"
11 _="on click halt"
12 >
13 <i class="fas fa-camera text-[10px] mr-1"></i> EXIF
14 </div>
15 );
16}