\n {label && (\n

{label}

\n )}\n

\n {values.map((value, idx) => {\n const selected = value === rating.value;\n const display =\n labels && labels[idx] !== undefined ? labels[idx] : value;\n\n let classes: string;\n if (isMood) {\n classes =\n \"flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all \" +\n (selected\n ? \"bg-blue-500 text-white border-blue-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-blue-300 active:bg-blue-100 active:scale-95\");\n } else if (isOverstim) {\n const colorClasses =\n value === 1\n ? \"border-green-300 hover:bg-green-50 hover:border-green-400\"\n : value === 2\n ? \"border-yellow-300 hover:bg-yellow-50 hover:border-yellow-400\"\n : \"border-red-300 hover:bg-red-50 hover:border-red-400\";\n classes =\n `px-6 py-3 rounded-lg border-2 font-medium transition-all active:scale-95 ${colorClasses}` +\n (selected ? \" bg-opacity-70\" : \"\");\n } else {\n classes =\n \"flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all \" +\n (selected\n ? \"bg-blue-500 text-white border-blue-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-blue-300 active:bg-blue-100 active:scale-95\");\n }\n\n return (\n onChange(value)}\n className={classes}\n >\n {display}\n \n );\n })}\n

\n );\n}\n\ninterface MoodRatingFieldProps {\n rating: RatingV1;\n onChange: (next: RatingV1) => void;\n label?: string;\n}\n\nexport function MoodRatingField({\n rating,\n onChange,\n label,\n}: MoodRatingFieldProps) {\n const handleChange = (value: number) => {\n onChange({ ...rating, value });\n };\n\n return (\n \n );\n}\n\ninterface OverstimulationRatingFieldProps {\n rating: RatingV1;\n onChange: (next: RatingV1) => void;\n label?: string;\n}\n\nexport function OverstimulationRatingField({\n rating,\n onChange,\n label,\n}: OverstimulationRatingFieldProps) {\n const handleChange = (value: number) => {\n onChange({ ...rating, value });\n };\n\n return (\n \n );\n}\n","deleted","label",[174,175,157],"frontend","components","permalink","https://www.val.town/x/cricks_unmixed4u/activity-log/code/frontend/components/RatingButtonsV1.tsx","extension","actionData","errors"]