From 097e69b12d7523d81c39dffeae987764154f41a6 Mon Sep 17 00:00:00 2001
From: Raed BOUAFIF <raed.bouafif@teamwillgroup.com>
Date: Mon, 8 Jul 2024 10:12:16 +0100
Subject: [PATCH]  version final feature/image-etage

---
 .../consultation-reservations/page.jsx        | 24 +++++++++++++++----
 src/app/ui/SideBar.jsx                        |  1 -
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/app/(dashboard)/consultation-reservations/page.jsx b/src/app/(dashboard)/consultation-reservations/page.jsx
index 43f20d1..e80beab 100644
--- a/src/app/(dashboard)/consultation-reservations/page.jsx
+++ b/src/app/(dashboard)/consultation-reservations/page.jsx
@@ -201,7 +201,7 @@ const Reservation = () => {
         const selectedProjects = selectedOption.map((element) => element.value)
         setFilteredProjectsData(projectsData.filter((element) => selectedProjects.includes(element.project_id)))
     }
-
+    console.log(floors.find((element) => element.id == selectedZone.floorId)?.image)
     return (
         <>
             <div
@@ -361,8 +361,24 @@ const Reservation = () => {
                 </div>
                 {(selectedZone.floorId && !isLoadingData) &&
                     <div
-                        className='h-80 overflow-hidden w-full mb-7 flex flex-col items-center p-5 rounded-xl border border-neutral-300 relative'>
-                        <div className='flex items-center w-full overflow-x-auto absolute -bottom-px left-0'>
+                        className='h-120 overflow-hidden w-full mb-7 flex flex-col items-center pt-2 px-5 pb-7 rounded-xl border border-neutral-300 relative'>
+                        {!(floors.find((element) => element.id == selectedZone.floorId).image) ? <div role="status" class="w-full rounded shadow p-2">
+                            <div class="flex items-center justify-center h-48 mb-4 bg-gray-200 rounded ">
+                                <div className='flex flex-col justify-center items-center gap-3'>
+                                <svg class="w-10 h-10 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
+                                    <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z"/>
+                                    <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z"/>
+                                </svg>
+                                <span className='text-white font-medium'>Aucune Illustration fournie pour cet étage</span>
+                                </div>
+                            </div>
+                        </div>
+                        :
+                        <div role="status" class="w-ful rounded shadow p-2">
+                            <img src={floors.find((element) => element.id == selectedZone.floorId).image} className='w-full [aspect-ratio:2]'></img>
+                        </div>
+                        }
+                        {(!isLoadingData) && <div className='flex items-center w-full overflow-x-auto absolute -bottom-px left-0'>
                             {/*selectedZone.floorId*/}
                             {floors.filter((element) => element.id == selectedZone.floorId).map((floor, index) => {
                                 return floor.zones?.map((zone, index) => {
@@ -379,7 +395,7 @@ const Reservation = () => {
                                     </div>
                                 })
                             })}
-                        </div>
+                        </div>}
                     </div>}
                 <div
                     className="w-full bg-white mb-7 flex flex-col items-center flex-1 h-full p-5 rounded-xl border border-neutral-300">
diff --git a/src/app/ui/SideBar.jsx b/src/app/ui/SideBar.jsx
index 1b28f67..fd06833 100644
--- a/src/app/ui/SideBar.jsx
+++ b/src/app/ui/SideBar.jsx
@@ -60,7 +60,6 @@ const SideBar = () => {
             <div id="sideBar"
                 className="flex w-full md:w-4/12 lg:w-1/6 md:max-w-screen max-w-[400px] z-20 fixed top-14 left-0 flex-col border-t border-sushi-100 items-center py-4 notActive h-full overflow-x-hidden text-chicago-700 bg-white">
                 <ul className=" w-full space-y-1 overflow-y-auto overflow-x-hidden">
-                    <p>Loading...</p>
                 </ul>
             </div>
         );
-- 
GitLab