Podpora parsování a zobrazení alergenů

client/src/App.tsx

@@ -30,6 +30,24 @@ const EASTER_EGG_STYLE = {
   animationTimingFunction: "ease"
 }
 
+// Mapování čísel alergenů na jejich názvy
+const ALLERGENS: { [key: number]: string } = {
+  1: "Obiloviny obsahující lepek",
+  2: "Korýši a výrobky z nich",
+  3: "Vejce a výrobky z nich",
+  4: "Ryby a výrobky z nich",
+  5: "Arašidy a výrobky z nich",
+  6: "Sója a výrobky z nich",
+  7: "Mléko a výrobky z nich (včetně laktózy)",
+  8: "Skořápkové plody",
+  9: "Celer a výrobky z něj",
+  10: "Hořčice a výrobky z ní",
+  11: "Sezamová semena a výrobky z nich",
+  12: "Oxid siřičitý a siřičitany",
+  13: "Vlčí bob (Lupina) a výrobky z něj",
+  14: "Měkkýši a výrobky z nich"
+}
+
 // Výchozí doba trvání animace v sekundách, pokud není přetíženo v konfiguračním JSONu
 const EASTER_EGG_DEFAULT_DURATION = 0.75;
 
@@ -352,7 +370,17 @@ function App() {
             (!hideSoups || !f.isSoup) &&
             <tr key={f.name} onClick={() => doAddClickFoodChoice(location, index)}>
               <td>{f.amount}</td>
-              <td>{f.name}</td>
+              <td>
+                {f.name}
+                {f.allergens && f.allergens.length > 0 && (
+                  <> ({f.allergens.map((a, idx) => (
+                    <span key={a}>
+                      <span title={ALLERGENS[a]} style={{ cursor: 'help', textDecoration: 'underline' }}>{a}</span>
+                      {idx < f.allergens!.length - 1 && ','}
+                    </span>
+                  ))})</>
+                )}
+              </td>
               <td>{f.price}</td>
             </tr>
           )}
@@ -412,8 +440,7 @@ function App() {
             <img alt="" src='snowman.png' style={{ position: "absolute", height: "110px", right: 10, top: 5 }} /> */}
             Poslední změny:
             <ul>
-              <li>Podpora ručního refresh týdne</li>
-              <li>Úprava pro přepracovanou podobu stránek Sladovnická</li>
+              <li>Zobrazení alergenu při najetí myší</li>
             </ul>
           </Alert>
           {dayIndex != null &&