feat: přidání vzhledu Hell Girl

client/src/components/EaterBadge.tsx

@@ -19,12 +19,18 @@ const MLP_LEVELS = [
     { minItems: 2, emoji: '🍎', title: 'Úroveň Applejack — poctivý apetit' },
 ];
 
+/** Úrovně ve stylu Hell Girl — emoji v černém odznaku s rudým lemem. Seřazeno od nejvyšší úrovně. */
+const HG_LEVELS = [
+    { minItems: 3, emoji: '🔥', title: 'Úroveň Wanyūdō — hlad jako pekelný oheň' },
+    { minItems: 2, emoji: '🥀', title: 'Úroveň Ai Enma — tichý, ale nenasytný apetit' },
+];
+
 type Props = {
     /** Počet jídel/položek, které si strávník vybral či objednal */
     items: number,
 };
 
-/** Odznak s postavou u strávníků s více jídly — jen ve stylech Umamusume a My Little Pony. */
+/** Odznak s postavou u strávníků s více jídly — jen ve stylech Umamusume, My Little Pony a Hell Girl. */
 export default function EaterBadge({ items }: Readonly<Props>) {
     const styleTheme = useSettings()?.styleTheme;
     const isUma = styleTheme === 'umamusume';
@@ -34,12 +40,12 @@ export default function EaterBadge({ items }: Readonly<Props>) {
         if (isUma) loadUmaCharacters().then(setCharacters);
     }, [isUma]);
 
-    if (styleTheme === 'mlp') {
-        const mlpLevel = MLP_LEVELS.find(l => items >= l.minItems);
-        if (!mlpLevel) return null;
+    if (styleTheme === 'mlp' || styleTheme === 'hellgirl') {
+        const emojiLevel = (styleTheme === 'mlp' ? MLP_LEVELS : HG_LEVELS).find(l => items >= l.minItems);
+        if (!emojiLevel) return null;
         return (
-            <OverlayTrigger placement="top" overlay={<Tooltip>{mlpLevel.title} ({items} jídla)</Tooltip>}>
-                <span className="eater-badge eater-badge-mlp" role="img" aria-label={mlpLevel.title}>{mlpLevel.emoji}</span>
+            <OverlayTrigger placement="top" overlay={<Tooltip>{emojiLevel.title} ({items} jídla)</Tooltip>}>
+                <span className={`eater-badge eater-badge-${styleTheme}`} role="img" aria-label={emojiLevel.title}>{emojiLevel.emoji}</span>
             </OverlayTrigger>
         );
     }