front/MyINPulse-front/fake_data/db.json

@@ -5,6 +5,6 @@
       { "id": 3, "name": "Charlie", "email": "charlie@example.com" }
   ],
   "data": [
-      { "data": "this is a fake data to test api" }
+      { "canva_data": "this is a fake data to test api" }
   ]
 }

front/MyINPulse-front/src/components/canvas/CanvasItem.vue

@@ -16,7 +16,7 @@ import axios from "axios";
 export default {
   props: {
     title: String,
-    description: String
+    description: String,
   },
 
   setup(props) {
@@ -26,7 +26,8 @@ export default {
     const fetchData = async () => {
       try {
         const response = await axios.get("http://localhost:5000/data"); // to edit later!
-        currentDescription.value = response.data.map(e => e.data);
+        currentDescription.value = response.data[0].canva_data;
+
       } catch (error) {
         console.error("Erreur lors de la récupération des données :", error);
       }
@@ -36,7 +37,7 @@ export default {
       if (!expanded.value) {
         await fetchData();
       } else {
-        currentDescription.value = "3 problèmes essentiels à résoudre pour le client";
+        currentDescription.value = props.description;
       }
       expanded.value = !expanded.value;
     };

front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue

@@ -47,6 +47,7 @@ onMounted(fetchEntrepreneurs);
 
 
 <style scoped>
+@import "@/components/canvas/style-project.css";
 
 header {
   display: flex;
@@ -114,7 +115,4 @@ header img {
   width: 100px;
   height: auto;
 }
-
-
-@import "@/components/canvas/style-project.css";
 </style>

front/MyINPulse-front/src/components/canvas/LeanCanvas.vue

@@ -37,6 +37,7 @@ export default {
 </script>
 
 <style scoped>
+@import "@/components/canvas/style-project.css";
 
 .canvas {
   display: grid;
@@ -61,5 +62,4 @@ export default {
 .Indicateurs { grid-column: 3 / 5; grid-row: 3 / 5; }
 .Couts { grid-column: 1 / 6; grid-row: 5 / 7; }
 .Revenus { grid-column: 6 / 11; grid-row: 5 / 7; }
-
 </style>