From daa469d5e590490d1ae0730f1f365ae28bde417c Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sun, 9 Jun 2024 22:29:07 +0200
Subject: [PATCH] Modal update: added closable prop and hide close btn when
 value is false

---
 src/components/utilities/Modal.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/utilities/Modal.vue b/src/components/utilities/Modal.vue
index 6c60736..5637ba7 100644
--- a/src/components/utilities/Modal.vue
+++ b/src/components/utilities/Modal.vue
@@ -3,7 +3,7 @@
     <div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef">
       <div class="modal-header" @mousedown="startDrag">
         <slot name="modal-header" />
-        <button @click="close"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button>
+        <button @click="close" v-if="closable"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button>
       </div>
       <div class="modal-body">
         <slot name="modal-body" />
@@ -22,6 +22,10 @@ const properties = defineProps({
   isModalOpen: {
     type: Boolean,
     default: false
+  },
+  closable: {
+    type: Boolean,
+    default: true
   }
 })