From 78f6ae50703af70785f24aaf58b86954fb25a6b2 Mon Sep 17 00:00:00 2001
From: GRL <g.lesniewski@thecodingmachine.com>
Date: Mon, 16 Aug 2021 10:11:52 +0200
Subject: [PATCH] use import for images

---
 src/Components/Miniature.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/Components/Miniature.svelte b/src/Components/Miniature.svelte
index ea87705..1bf3192 100644
--- a/src/Components/Miniature.svelte
+++ b/src/Components/Miniature.svelte
@@ -1,20 +1,23 @@
 <script lang="ts">
     import { MeetingRoomStore } from "../Stores/MeetingRoomStore";
-
+    import miniatureConfig5 from "../../image/mini-config-5-rooms.png"
+    import miniatureConfig4 from "../../image/mini-config-4-rooms.png"
+    import miniatureConfig3 from "../../image/mini-config-3-rooms.png"
+    import miniatureConfig2 from "../../image/mini-config-2-rooms.png"
 </script>
 
 <div class="img-miniature">
     {#if $MeetingRoomStore.nbRooms === 5}
-        <img src="../../image/mini-config-5-rooms.png" alt="Miniature Configuration with 5 rooms"/>
+        <img src="{miniatureConfig5}" alt="Miniature Configuration with 5 rooms"/>
     {/if}
     {#if $MeetingRoomStore.nbRooms === 4}
-        <img src="../../image/mini-config-4-rooms.png" alt="Miniature Configuration with 4 rooms"/>
+        <img src="{miniatureConfig4}" alt="Miniature Configuration with 4 rooms"/>
     {/if}
     {#if $MeetingRoomStore.nbRooms === 3}
-        <img src="../../image/mini-config-3-rooms.png" alt="Miniature Configuration with 3 rooms"/>
+        <img src="{miniatureConfig3}" alt="Miniature Configuration with 3 rooms"/>
     {/if}
     {#if $MeetingRoomStore.nbRooms === 2}
-        <img src="../../image/mini-config-2-rooms.png" alt="Miniature Configuration with 2 rooms"/>
+        <img src="{miniatureConfig2}" alt="Miniature Configuration with 2 rooms"/>
     {/if}
 
     <section class="show-space-Amphi">Amphi</section>