{content}

\n \n );\n};\n\nconst scale = chroma.scale(['#A9A9A9', '#5FBD73', '#FFFF00']).domain([0, 10])\n\nfunction color(intensity: number) {\n return scale(intensity).hex()\n}\n\nconst Tastes = ['sweet', 'sour', 'salty', 'bitter', 'umami'] as const;\n\ninterface TasteDisplayProps {\n taste?: {\n sweet: number;\n sour: number;\n salty: number;\n bitter: number;\n umami: number;\n }\n}\n\nexport function TasteDisplay({ taste: tasteInstance }: TasteDisplayProps) {\n const content = !tasteInstance\n ? \"Analyzing...\"\n : Tastes.map((taste) => (\n \n

{capitalize(taste)}

Intensity: {tasteInstance[taste].toFixed(2)}/10

\n } />\n ))\n\n return (\n

\n {content}\n

\n );\n};\n\nexport default function DishTasteAnalysis({ dish }: { dish: Dish }) {\n const kpis = [\n ,\n \n ];\n\n const charts = [\n \n {dish.analysis?.combinedTaste && }\n \n ];\n\n return ;\n}","deleted","label",[176,177,178,179,158],"frontend","components","analysis","dish","permalink","https://www.val.town/x/damonb/react-hono-with-react-router/code/frontend/components/analysis/dish/DishTasteAnalysis.tsx","extension","actionData","errors"]