From 3913c8b93ebc2212c313a88893e4e539671f8e2f Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 27 Jan 2025 16:26:44 +0100
Subject: [PATCH] DTL page : btns working

---
 src/views/DesignToLight.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/views/DesignToLight.vue b/src/views/DesignToLight.vue
index a668461..a50a55a 100644
--- a/src/views/DesignToLight.vue
+++ b/src/views/DesignToLight.vue
@@ -13,10 +13,18 @@
         <p class="intro" v-html="page.content.introduction"></p>
       </hgroup>
       <div class="ctas | flex" style="--column-gap: 1rem">
-        <button class="btn btn--white-10" @click="isDialogOpen = true">
+        <button
+          @click="isOptimizationDialogOpen = true"
+          class="btn btn--white-10"
+        >
           Optimiser un projet existant
         </button>
-        <button class="btn btn--white">Créer un nouveau projet avec DTL</button>
+        <button
+          @click="isProjectRequestDialogOpen = true"
+          class="btn btn--white"
+        >
+          Créer un nouveau projet avec DTL
+        </button>
       </div>
     </header>
     <div class="presentation | mt-64 flow">
@@ -51,18 +59,25 @@
 
   <OptimizationRequestDialog
     v-if="isOptimizationDialogOpen"
-    @close="isDialogOpen = false"
+    @close="isOptimizationDialogOpen = false"
+  />
+
+  <ProjectRequestDialog
+    v-if="isProjectRequestDialogOpen"
+    @close="isProjectRequestDialogOpen = false"
   />
 </template>
 <script setup>
 import { storeToRefs } from "pinia";
 import { usePageStore } from "../stores/page";
 import OptimizationRequestDialog from "../components/design-to-light/OptimizationRequestDialog.vue";
+import ProjectRequestDialog from "../components/ProjectRequestDialog.vue";
 import { computed, ref } from "vue";
 
 const { page } = storeToRefs(usePageStore());
 
 const isOptimizationDialogOpen = ref(false);
+const isProjectRequestDialogOpen = ref(false);
 
 const background = computed(() => {
   return (