fix: add disabled button in amount validation

SocialGouv · Nov 6, 2024 · be7b954 · be7b954
1 parent f1e250f
commit be7b954
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/webapp/src/components/modals/ObizOrderProcessModal.tsx b/webapp/src/components/modals/ObizOrderProcessModal.tsx
@@ -41,18 +41,32 @@ const ObizOfferVariableContent = ({
 }) => {
   switch (step) {
     case "amount":
+      const minimumPrice = article.minimumPrice ?? 0;
+      const maximumPrice = article.maximumPrice ?? 1000;
+      const isDisabled =
+        amount === 0 ||
+        amount < minimumPrice ||
+        amount > maximumPrice ||
+        amount % 1 !== 0;
+
       return (
         <>
           <Box mt={10}>
             <DiscountAmountBlock
               discount={article.reductionPercentage}
               amount={amount}
               setAmount={setAmount}
-              minAmount={article.minimumPrice || 0}
-              maxAmount={article.maximumPrice || 1000}
+              minAmount={minimumPrice}
+              maxAmount={maximumPrice}
             />
           </Box>
-          <Button mt="auto" mb={24} onClick={() => setStep("summary")} w="full">
+          <Button
+            mt="auto"
+            mb={24}
+            onClick={() => setStep("summary")}
+            w="full"
+            isDisabled={isDisabled}
+          >
             Acheter mon bon
           </Button>
         </>