save

src/components/design-to-light/DTLPanel.vue

@@ -161,17 +161,20 @@
           </template>
         </div>
       </div>
-      <footer v-if="proposals.length > 1" class="p-16">
+      <footer v-if="proposals.length === 1" class="p-16">
         <button
           class="btn btn--white w-full"
-          @click="isOptimizationDialogOpen = true"
+          @click="handleOptimizationButtonClick"
         >
           Demander une expertise d’optimisation
         </button>
       </footer>
     </section>
   </aside>
-  <OptimizationRequestDialog v-if="isOptimizationDialogOpen" />
+  <OptimizationRequestDialog
+    v-if="isOptimizationDialogOpen"
+    @close="isOptimizationDialogOpen = false"
+  />
 </template>
 <script setup>
 import OptimizationRequestDialog from "./OptimizationRequestDialog.vue";
@@ -180,6 +183,7 @@ import "dayjs/locale/fr";
 import { storeToRefs } from "pinia";
 import { ref, onBeforeUnmount, computed } from "vue";
 import { useDialogStore } from "../../stores/dialog";
+import { useRoute, useRouter } from "vue-router";
 
 const { proposals } = defineProps({
   proposals: Array,
@@ -225,4 +229,8 @@ function close() {
 function preventClose(event) {
   event.stopImmediatePropagation();
 }
+
+function handleOptimizationButtonClick() {
+  isOptimizationDialogOpen.value = true;
+}
 </script>

src/components/design-to-light/OptimizationRequestDialog.vue

@@ -8,6 +8,7 @@
     header="Demander un rendez-vous"
     class="dialog"
     :closeOnEscape="true"
+    style="z-index: 9999"
   >
     <template #header>
       <h2 class="font-serif text-lg">Demander un rendez-vous</h2>