diff --git a/components/converter/converter-card.tsx b/components/converter/converter-card.tsx index 87d45f5..d89cb42 100644 --- a/components/converter/converter-card.tsx +++ b/components/converter/converter-card.tsx @@ -32,6 +32,7 @@ import { validateAmount } from "@/lib/validation"; const DEFAULT_FROM = "USD"; const DEFAULT_TO = "EUR"; +const QUICK_AMOUNTS = [10, 50, 100, 500, 1000] as const; interface ConverterCardProps { forcedFromCode?: string; @@ -311,6 +312,29 @@ export function ConverterCard({ aria-describedby={amountError ? "amount-error" : undefined} /> +
+ {QUICK_AMOUNTS.map((quickAmount) => { + const isActive = + inputValidation.ok && inputValidation.value === quickAmount; + + return ( + + ); + })} +
{amountError ? (

{amountError}