From c884af5f815efee767f4cc5cea2723ef5a2f72fe Mon Sep 17 00:00:00 2001
From: deepak1067 <deepak@knoldus.com>
Date: Thu, 8 Feb 2024 17:20:54 +0530
Subject: [PATCH 1/2] added order page

---
 car-ui-react/src/pages/Order/OrderPage.js       | 13 +++++++++++++
 .../src/pages/Order/components/OrderFail.js     | 15 +++++++++++++++
 .../src/pages/Order/components/OrderSuccess.js  | 17 +++++++++++++++++
 3 files changed, 45 insertions(+)
 create mode 100644 car-ui-react/src/pages/Order/OrderPage.js
 create mode 100644 car-ui-react/src/pages/Order/components/OrderFail.js
 create mode 100644 car-ui-react/src/pages/Order/components/OrderSuccess.js

diff --git a/car-ui-react/src/pages/Order/OrderPage.js b/car-ui-react/src/pages/Order/OrderPage.js
new file mode 100644
index 0000000..55591d0
--- /dev/null
+++ b/car-ui-react/src/pages/Order/OrderPage.js
@@ -0,0 +1,13 @@
+import { OrderSuccess } from "./components/OrderSuccess"
+import { OrderFail } from "./components/OrderFail"
+
+export const OrderPage = () => {
+    const status= true;
+
+    return (
+    //   <div>OrderPage</div>
+      <main>
+        { status ? <OrderSuccess /> : <OrderFail />}
+      </main>
+    )
+  }
\ No newline at end of file
diff --git a/car-ui-react/src/pages/Order/components/OrderFail.js b/car-ui-react/src/pages/Order/components/OrderFail.js
new file mode 100644
index 0000000..b1df48f
--- /dev/null
+++ b/car-ui-react/src/pages/Order/components/OrderFail.js
@@ -0,0 +1,15 @@
+export const OrderFail = () => {
+    return (
+      <section className="text-xl text-center max-w-4xl mx-auto my-10 py-5 dark:text-slate-100 border dark:border-slate-700 rounded bg-gray-200">
+          <div className="my-5">
+              <p className="bi bi-exclamation-circle text-red-500 text-7xl mb-5"></p>
+              <p>Payment failed, please try again!</p>     
+          </div>
+          <div className="my-5">
+              <p>Your order is not confirmed.</p>
+              <p>Connect <span className="">codebook@example.com</span> for support.</p>
+          </div>
+          <a href="/" type="button" className="text-white bg-blue-700 hover:bg-blue-800 rounded-lg text-lg px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none">Check Cart Again<i className="ml-2 bi bi-cart"></i></a>
+      </section>
+    )
+  }
\ No newline at end of file
diff --git a/car-ui-react/src/pages/Order/components/OrderSuccess.js b/car-ui-react/src/pages/Order/components/OrderSuccess.js
new file mode 100644
index 0000000..c96b50b
--- /dev/null
+++ b/car-ui-react/src/pages/Order/components/OrderSuccess.js
@@ -0,0 +1,17 @@
+export const OrderSuccess = () => {
+    return (
+      <section className="text-xl text-center max-w-4xl mx-auto my-10 py-5 dark:text-slate-100 border dark:border-slate-700 rounded bg-gray-200">
+          <div className="my-5">
+              <p className="bi bi-check-circle text-green-600 text-7xl mb-5"></p>
+              <p>Thank you user name for order!</p>
+              <p>Your Order ID: user id</p>          
+          </div>
+          <div className="my-5">
+              <p>Your order is confirmed.</p>
+              <p>Please check your mail (user@email.com) for the eBook.</p>
+              <p className="my-5">Payment ID: xyz_123456789</p>
+          </div>
+          <a href="/" type="button" className="text-white bg-blue-700 hover:bg-blue-800 rounded-lg text-lg px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none">Continue Shopping <i className="ml-2 bi bi-cart"></i></a>
+      </section>
+    )
+  }
\ No newline at end of file

From b47aecf55dfd0342c34893c3860c883b8fe3cb0a Mon Sep 17 00:00:00 2001
From: deepak1067 <deepak@knoldus.com>
Date: Fri, 9 Feb 2024 12:09:34 +0530
Subject: [PATCH 2/2] order page added

---
 car-ui-react/src/pages/Order/components/OrderFail.js    | 5 +++--
 car-ui-react/src/pages/Order/components/OrderSuccess.js | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/car-ui-react/src/pages/Order/components/OrderFail.js b/car-ui-react/src/pages/Order/components/OrderFail.js
index b1df48f..4913946 100644
--- a/car-ui-react/src/pages/Order/components/OrderFail.js
+++ b/car-ui-react/src/pages/Order/components/OrderFail.js
@@ -7,9 +7,10 @@ export const OrderFail = () => {
           </div>
           <div className="my-5">
               <p>Your order is not confirmed.</p>
-              <p>Connect <span className="">codebook@example.com</span> for support.</p>
+              <p>Connect <span className="">AutoMarket@NashTech.com</span> for support.</p>
           </div>
           <a href="/" type="button" className="text-white bg-blue-700 hover:bg-blue-800 rounded-lg text-lg px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none">Check Cart Again<i className="ml-2 bi bi-cart"></i></a>
       </section>
     )
-  }
\ No newline at end of file
+  }
+  
\ No newline at end of file
diff --git a/car-ui-react/src/pages/Order/components/OrderSuccess.js b/car-ui-react/src/pages/Order/components/OrderSuccess.js
index c96b50b..59edb27 100644
--- a/car-ui-react/src/pages/Order/components/OrderSuccess.js
+++ b/car-ui-react/src/pages/Order/components/OrderSuccess.js
@@ -8,7 +8,7 @@ export const OrderSuccess = () => {
           </div>
           <div className="my-5">
               <p>Your order is confirmed.</p>
-              <p>Please check your mail (user@email.com) for the eBook.</p>
+              <p>Please check your mail (user@email.com) for the purchased Car.</p>
               <p className="my-5">Payment ID: xyz_123456789</p>
           </div>
           <a href="/" type="button" className="text-white bg-blue-700 hover:bg-blue-800 rounded-lg text-lg px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none">Continue Shopping <i className="ml-2 bi bi-cart"></i></a>