From c636e23b44b301402c138aeeeb4699bc1ad15804 Mon Sep 17 00:00:00 2001
From: matej <matej@dpoint.si>
Date: Sun, 28 Sep 2025 02:37:05 +0200
Subject: [PATCH] Fixed syntax for Alert boxes in Success.jsx and Cancel.jsx

---
 frontend/src/pages/Cancel.jsx  | 10 ++++++----
 frontend/src/pages/Success.jsx | 14 ++++++++------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/pages/Cancel.jsx b/frontend/src/pages/Cancel.jsx
index 006e323..bffc7f5 100644
--- a/frontend/src/pages/Cancel.jsx
+++ b/frontend/src/pages/Cancel.jsx
@@ -40,10 +40,12 @@ const Cancel = () => {
         <div className="payment-container">
             <Alert.Root status="error" title="Payment Cancelled">
                 <Alert.Indicator />
-                <Alert.Title>Payment Cancelled</Alert.Title>
-                <Alert.Description>
-                    <Text>Your payment was cancelled. You can try again or choose a different payment method.</Text>
-                </Alert.Description>
+                <Alert.Content>
+                    <Alert.Title>Payment Cancelled</Alert.Title>
+                    <Alert.Description>
+                        <Text>Your payment was cancelled. You can try again or choose a different payment method.</Text>
+                    </Alert.Description>
+                </Alert.Content>
             </Alert.Root>
 
                     {/*<div className={`payment-status-icon ${getIconClass()}`}>*/}
diff --git a/frontend/src/pages/Success.jsx b/frontend/src/pages/Success.jsx
index 4a1eb02..3cc6b43 100644
--- a/frontend/src/pages/Success.jsx
+++ b/frontend/src/pages/Success.jsx
@@ -79,12 +79,14 @@ const Success = () => {
         <div className="payment-container">
             <Alert.Root status="success" title="Payment Successful!" mb="5">
                 <Alert.Indicator />
-                <Alert.Title>Payment Successful!</Alert.Title>
-                <Alert.Description>
-                    <Text>Thank you for your payment. Your transaction has been completed successfully.</Text>
-                    <Text>A confirmation email has been sent to your email address with all the transaction details.</Text>
-                    <Text>Redirecting you back to checkout in <strong>{countdown}</strong> seconds...</Text>
-                </Alert.Description>
+                <Alert.Content>
+                    <Alert.Title>Payment Successful!</Alert.Title>
+                    <Alert.Description>
+                        <Text>Thank you for your payment. Your transaction has been completed successfully.</Text>
+                        <Text>A confirmation email has been sent to your email address with all the transaction details.</Text>
+                        <Text>Redirecting you back to checkout in <strong>{countdown}</strong> seconds...</Text>
+                    </Alert.Description>
+                </Alert.Content>
             </Alert.Root>
 
             <DataList.Root orientation="horizontal">