From 1e7ceb1687cb37df7bfd3634fd29ccfa44433b5c Mon Sep 17 00:00:00 2001
From: Raed BOUAFIF <raed.bouafif@teamwillgroup.com>
Date: Tue, 16 Jul 2024 09:50:53 +0100
Subject: [PATCH] version adding etage image to consultation

---
 .../consultation-reservations/page.jsx         |  4 ++--
 src/app/(dashboard)/reservation/page.jsx       | 18 +++++++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/app/(dashboard)/consultation-reservations/page.jsx b/src/app/(dashboard)/consultation-reservations/page.jsx
index e80beab..e56a7da 100644
--- a/src/app/(dashboard)/consultation-reservations/page.jsx
+++ b/src/app/(dashboard)/consultation-reservations/page.jsx
@@ -361,7 +361,7 @@ const Reservation = () => {
                 </div>
                 {(selectedZone.floorId && !isLoadingData) &&
                     <div
-                        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'>
+                        className='h-100 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'>
@@ -375,7 +375,7 @@ const Reservation = () => {
                         </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>
+                            <img src={floors.find((element) => element.id == selectedZone.floorId).image} className='w-full [aspect-ratio:2.5]'></img>
                         </div>
                         }
                         {(!isLoadingData) && <div className='flex items-center w-full overflow-x-auto absolute -bottom-px left-0'>
diff --git a/src/app/(dashboard)/reservation/page.jsx b/src/app/(dashboard)/reservation/page.jsx
index e75a1b4..422d12c 100644
--- a/src/app/(dashboard)/reservation/page.jsx
+++ b/src/app/(dashboard)/reservation/page.jsx
@@ -201,7 +201,23 @@ const Reservation = () => {
                         ))}
                     </select>}
                 </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'>
+                {(selectedZone.floorId && !isLoadingData) && <div className='h-100 overflow-hidden w-full mb-7 flex flex-col items-center p-5 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.5]'></img>
+                        </div>
+                    }
                     <div className='flex items-center w-full overflow-x-auto absolute -bottom-px left-0'>
                         {floors.filter((element) => concernedFloors.includes(element.id)).map((floor) => {
                             return floor.zones?.map((zone, index) => {
-- 
GitLab