grain.social
grain.social is a photo sharing platform built on atproto.
chadtmiller.com
1import { cn } from "@bigmoves/bff/components";
2
3export function CameraBadges(
4 { cameras, class: classProp }: Readonly<
5 { cameras: string[]; class?: string }
6 >,
7) {
8 if (cameras.length === 0) return null;
9 return (
10 <div class={cn("flex flex-wrap gap-1", classProp)} id="camera-badges">
11 {cameras.sort().map((camera) => (
12 <span class="text-xs font-semibold bg-zinc-100 dark:bg-zinc-800 w-fit px-2 py-1 rounded-full">
13 📷 {camera}
14 </span>
15 ))}
16 </div>
17 );
18}
19
20// <span class="text-xs font-semibold bg-zinc-100 dark:bg-zinc-800 w-fit px-1">
21// 📷 {cameras.join(", ").replace(/, ([^,]*)$/, " & $1")}
22// </span>