wip

PotLock · Jun 18, 2024 · 86c2a18 · 86c2a18
1 parent 93c1cc8
commit 86c2a18
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/src/modules/donation/components/DonationFlow.tsx b/src/modules/donation/components/DonationFlow.tsx
@@ -7,6 +7,7 @@ import {
   DialogHeader,
   Form,
 } from "@/common/ui/components";
+import { cn } from "@/common/ui/utils";
 import { RuntimeErrorAlert } from "@/modules/core";
 
 import { DonationConfirmation } from "./DonationConfirmation";
@@ -61,9 +62,16 @@ export const DonationFlow: React.FC<DonationFlowProps> = ({
         {content}
 
         <DialogFooter>
-          <Button type="button" variant="brand-outline" color="black" disabled>
-            Add to cart
-          </Button>
+          {currentStep === "allocation" && (
+            <Button
+              type="button"
+              variant="brand-outline"
+              color="black"
+              disabled
+            >
+              Add to cart
+            </Button>
+          )}
 
           <Button
             type={currentStep === "confirmation" ? "submit" : "button"}
@@ -73,8 +81,13 @@ export const DonationFlow: React.FC<DonationFlowProps> = ({
                 ? undefined
                 : dispatch.donation.nextStep
             }
+            className={cn({
+              "w-full": currentStep === "confirmation",
+            })}
           >
-            Proceed to donate
+            {currentStep === "confirmation"
+              ? "Confirm donation"
+              : "Proceed to donate"}
           </Button>
         </DialogFooter>
       </form>