From ab6909ba1ba30b7097ecaff3faaa95c7f63487fe Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:49:18 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=89=20Update=20listing=20page=20to=20s?=
 =?UTF-8?q?how=20success=20message=20after=20submission=20:tada:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Added a success message to the listing page after the listing is submitted.
* The message indicates that the listing is waiting to be reviewed for publication.
---
 .../[[...stepIndex]]/PageAddListing10.tsx     | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/app/add-listing/[[...stepIndex]]/PageAddListing10.tsx

diff --git a/src/app/add-listing/[[...stepIndex]]/PageAddListing10.tsx b/src/app/add-listing/[[...stepIndex]]/PageAddListing10.tsx
new file mode 100644
index 0000000..0a75d2e
--- /dev/null
+++ b/src/app/add-listing/[[...stepIndex]]/PageAddListing10.tsx
@@ -0,0 +1,48 @@
+import StayCard from "@/components/StayCard";
+import { DEMO_STAY_LISTINGS } from "@/data/listings";
+import React, { FC } from "react";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+import ButtonSecondary from "@/shared/ButtonSecondary";
+import { EyeIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
+import { Route } from "@/routers/types";
+
+export interface PageAddListing10Props {}
+
+const PageAddListing10: FC<PageAddListing10Props> = () => {
+  return (
+    <>
+      <div>
+        <h2 className="text-2xl font-semibold">Congratulations 🎉</h2>
+        <span className="block mt-2 text-neutral-500 dark:text-neutral-400">
+          Excellent, congratulations on completing the listing, it is waiting to
+          be reviewed for publication
+        </span>
+      </div>
+      <div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
+      {/* FORM */}
+      <div>
+        <h3 className="text-lg font-semibold">This is your listing</h3>
+        <div className="max-w-xs">
+          <StayCard
+            className="mt-8"
+            data={{ ...DEMO_STAY_LISTINGS[0], reviewStart: 0 }}
+          />
+        </div>
+        <div className="flex items-center space-x-5 mt-8">
+          <ButtonSecondary href={"/add-listing/1" as Route}>
+            <PencilSquareIcon className="h-5 w-5" />
+            <span className="ml-3">Edit</span>
+          </ButtonSecondary>
+
+          <ButtonPrimary>
+            <EyeIcon className="h-5 w-5" />
+            <span className="ml-3">Preview</span>
+          </ButtonPrimary>
+        </div>
+      </div>
+      {/*  */}
+    </>
+  );
+};
+
+export default PageAddListing10;