e.stopPropagation()}>\n {/* Header */}\n

\n Add to Grocery List\n

\n {recipe.title}\n

\n \n \n \n

\n\n {/* Serving Size Selector */}\n

\n Servings\n

\n Recipe makes {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n \n \n {servings}\n \n \n \n \n

\n {multiplier !== 1 && (\n

\n Ingredient amounts scaled {multiplier > 1 ? 'up' : 'down'} ({multiplier.toFixed(2)}x)\n

\n )}\n

\n\n {/* Ingredients List */}\n

\n Ingredients to Add ({recipe.ingredients.length})\n

\n \n
\n \n {ing.amount !== null && (\n \n {formatAmount(ing.amount, multiplier)}{' '}\n \n )}\n {ing.unit && (\n \n {ing.unit}{' '}\n \n )}\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n
\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {isAdding ? (\n <>\n \n Adding...\n \n ) : (\n <>\n \n Add {servings} Serving{servings !== 1 ? 's' : ''}\n \n )}\n \n

\n );\n}\n\n","deleted","label",[174,175,157],"frontend","components","permalink","https://www.val.town/x/shapedlines/carmy/code/frontend/components/AddRecipeToListModal.tsx","extension","actionData","errors"]