From ed26bc548a3a7ba87baa7e026fecaf3449e8442c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 22:35:13 +0200
Subject: Remove emoji components

---
 src/ui/layouts/EmojiGrid.tsx | 40 ----------------------------------------
 1 file changed, 40 deletions(-)
 delete mode 100644 src/ui/layouts/EmojiGrid.tsx

(limited to 'src/ui/layouts')

diff --git a/src/ui/layouts/EmojiGrid.tsx b/src/ui/layouts/EmojiGrid.tsx
deleted file mode 100644
index 5dc9266..0000000
--- a/src/ui/layouts/EmojiGrid.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
-
-export type Props = HTMLAttributes<"ul"> & {
-	id: string;
-	sprite: {
-		variants: { size: number; space: number }[];
-		wrap: number;
-	};
-	count: number;
-};
-
-export const EmojiGrid = ({ id, sprite, count, class: cls, ...props }: Props) => {
-	const size = sprite.variants[0]?.size ?? 48;
-	const space = sprite.variants[0]?.space ?? 2;
-	const { wrap } = sprite;
-
-	const src = `/emojis/${id}/sprite48.avif`;
-	const srcset = `/emojis/${id}/sprite48.avif 1x, /emojis/${id}/sprite96.avif 2x`;
-
-	const offsetX = (i: number) => -1 * (size + space) * (i % wrap);
-	const offsetY = (i: number) => -1 * (size + space) * Math.floor(i / wrap);
-
-	return (
-		<ul class:list={["l-emoji-grid", cls]} style={{ "--emoji-size": `${size}px` }} {...props}>
-			{[...Array(count).keys()].map((i) => (
-				<li>
-					<img
-						alt=""
-						class="l-emoji-grid__emoji"
-						src={src}
-						srcset={srcset}
-						width={size}
-						height={size}
-						style={{ "object-position": `${offsetX(i)}px ${offsetY(i)}px` }}
-					/>
-				</li>
-			))}
-		</ul>
-	);
-};
-- 
cgit v1.3.1