Merge pull request #81 from DFanso/pages/cancel-payment

home page slider update
DFanso · Jan 7, 2024 · 3ea4255 · 3ea4255
2 parents 0ec39d0 + 077f538
commit 3ea4255
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/client/src/App.js b/client/src/App.js
@@ -135,7 +135,7 @@ function App() {
                 </ProtectedRoute>
               }
             />
-            <Route path="/not-found" Component={NotFound} />
+            <Route path="*" Component={NotFound} />
 
             <Route path="/payment-cancel" Component={PaymentCancel} />
             <Route

diff --git a/client/src/components/css/NotFound.css b/client/src/components/css/NotFound.css
@@ -3,20 +3,21 @@
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #f0f0f0;
+    background-color: #333;
+    color: #fff;
     /* Light gray background color */
 }
 
 .not-found-text {
     font-size: 32px;
-    color: #333;
+
     /* Dark gray text color */
     text-align: center;
     padding: 20px;
     border: 2px solid #333;
     /* Dark gray border */
     border-radius: 8px;
-    background-color: #fff;
+    background-color: #444;
     /* White background color for the text */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     /* Shadow for the container */

diff --git a/client/src/components/css/SliderSection.css b/client/src/components/css/SliderSection.css
@@ -5,7 +5,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100vw;
+  width: 100%;
   padding: 10px;
   margin: 0;
 }
@@ -15,7 +15,7 @@
   width: 70%;
 }
 
-.slick-slide > div {
+.slick-slide>div {
   margin: 0 10px;
 }
 
@@ -60,7 +60,7 @@
   font-size: 0.8rem;
 }
 
-.card-top > img {
+.card-top>img {
   width: 100%;
   height: auto;
   object-fit: cover;
@@ -75,9 +75,11 @@
   .card {
     max-width: 250px;
   }
+
   .card-top h1 {
     font-size: 1.2rem;
   }
+
   .card-bottom h3 {
     font-size: 0.7rem;
   }
@@ -91,6 +93,7 @@
   .card-bottom h3 {
     font-size: 0.6rem;
   }
+
   .card-image {
     width: 100%;
   }
@@ -100,13 +103,16 @@
   .card {
     max-width: 200px;
   }
+
   .card-top h1 {
     font-size: 1rem;
   }
+
   .card-bottom h3 {
     font-size: 0.5rem;
   }
+
   .card-image {
     width: 100%;
   }
-}
+}
diff --git a/client/src/components/pages/PaymentSuccess.js b/client/src/components/pages/PaymentSuccess.js
@@ -29,7 +29,8 @@ const PaymentSuccess = () => {
           <div className="payment-success-container" >
             <h1 className="payment-success-text">Payment Successful!</h1>
             <p className="payment-success-message">
-              Thank you for your payment. Your transaction was successful.
+              Thank you for your payment.Your ticket has been emailed to you. Please check your inbox for all the details regarding your purchase
+              <div className='cancel-icon'><img className='yes-img' src="/images/yes.png" alt="Success Icon"></img></div>
             </p>
           </div>
         )}