From e52b00031c429e3ff7ae0772bc2061fa5fa2b4de Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:44:22 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20cover=20image=20upload?=
 =?UTF-8?q?=20functionality.=20=F0=9F=93=B7=20Implemented=20file=20upload?=
 =?UTF-8?q?=20feature=20for=20listing=20pictures.=20=F0=9F=8E=89=20Updated?=
 =?UTF-8?q?=20PageAddListing7=20component.=20=F0=9F=96=BC=EF=B8=8F=20Added?=
 =?UTF-8?q?=20image=20upload=20support=20to=20the=20listing=20page.=20?=
 =?UTF-8?q?=E2=9C=85=20Completed=20image=20upload=20feature.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../[[...stepIndex]]/PageAddListing7.tsx      | 107 ++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 src/app/add-listing/[[...stepIndex]]/PageAddListing7.tsx

diff --git a/src/app/add-listing/[[...stepIndex]]/PageAddListing7.tsx b/src/app/add-listing/[[...stepIndex]]/PageAddListing7.tsx
new file mode 100644
index 0000000..7a04995
--- /dev/null
+++ b/src/app/add-listing/[[...stepIndex]]/PageAddListing7.tsx
@@ -0,0 +1,107 @@
+import React, { FC } from "react";
+
+export interface PageAddListing7Props {}
+
+const PageAddListing7: FC<PageAddListing7Props> = () => {
+  return (
+    <>
+      <div>
+        <h2 className="text-2xl font-semibold">Pictures of the place</h2>
+        <span className="block mt-2 text-neutral-500 dark:text-neutral-400">
+          A few beautiful photos will help customers have more sympathy for your
+          property.
+        </span>
+      </div>
+
+      <div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
+      {/* FORM */}
+      <div className="space-y-8">
+        <div>
+          <span className="text-lg font-semibold">Cover image</span>
+          <div className="mt-5 ">
+            <div className="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-neutral-300 dark:border-neutral-6000 border-dashed rounded-md">
+              <div className="space-y-1 text-center">
+                <svg
+                  className="mx-auto h-12 w-12 text-neutral-400"
+                  stroke="currentColor"
+                  fill="none"
+                  viewBox="0 0 48 48"
+                  aria-hidden="true"
+                >
+                  <path
+                    d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  ></path>
+                </svg>
+                <div className="flex text-sm text-neutral-6000 dark:text-neutral-300">
+                  <label
+                    htmlFor="file-upload"
+                    className="relative cursor-pointer  rounded-md font-medium text-primary-6000 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500"
+                  >
+                    <span>Upload a file</span>
+                    <input
+                      id="file-upload"
+                      name="file-upload"
+                      type="file"
+                      className="sr-only"
+                    />
+                  </label>
+                  <p className="pl-1">or drag and drop</p>
+                </div>
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                  PNG, JPG, GIF up to 10MB
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        {/* ----------------- */}
+        <div>
+          <span className="text-lg font-semibold">Pictures of the place</span>
+          <div className="mt-5 ">
+            <div className="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-neutral-300 dark:border-neutral-6000 border-dashed rounded-md">
+              <div className="space-y-1 text-center">
+                <svg
+                  className="mx-auto h-12 w-12 text-neutral-400"
+                  stroke="currentColor"
+                  fill="none"
+                  viewBox="0 0 48 48"
+                  aria-hidden="true"
+                >
+                  <path
+                    d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  ></path>
+                </svg>
+                <div className="flex text-sm text-neutral-6000 dark:text-neutral-300">
+                  <label
+                    htmlFor="file-upload-2"
+                    className="relative cursor-pointer  rounded-md font-medium text-primary-6000 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500"
+                  >
+                    <span>Upload a file</span>
+                    <input
+                      id="file-upload-2"
+                      name="file-upload-2"
+                      type="file"
+                      className="sr-only"
+                    />
+                  </label>
+                  <p className="pl-1">or drag and drop</p>
+                </div>
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                  PNG, JPG, GIF up to 10MB
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default PageAddListing7;