From cde4ec13efef8423464ebe90a4f0212a3be6cf77 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Wed, 20 Jan 2021 18:15:47 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20basic=20cancel=20event=20dispatch?=
 =?UTF-8?q?=20from=20ImportRunnerModal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #13
---
 src/components/ImportRunnerModal.svelte | 7 +++++++
 src/components/Orgs.svelte              | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/ImportRunnerModal.svelte b/src/components/ImportRunnerModal.svelte
index f77a1a83..d2675139 100644
--- a/src/components/ImportRunnerModal.svelte
+++ b/src/components/ImportRunnerModal.svelte
@@ -6,8 +6,14 @@
   import { focusTrap } from "svelte-focus-trap";
   import Toastify from "toastify-js";
   import { ImportService } from "@odit/lfk-client-js";
+  import { createEventDispatcher } from "svelte";
   export let import_modal_open;
   $: searchvalue = "";
+  const dispatch = createEventDispatcher();
+  function cancelModal() {
+    import_modal_open = false;
+    dispatch("cancel");
+  }
   (() => {
     document.onkeydown = (e) => {
       e = e || window.event;
@@ -206,6 +212,7 @@
                   <button
                     on:click={() => {
                       json_output = [];
+                      cancelModal();
                     }}
                     type="button"
                     class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
diff --git a/src/components/Orgs.svelte b/src/components/Orgs.svelte
index c08f1466..63265561 100644
--- a/src/components/Orgs.svelte
+++ b/src/components/Orgs.svelte
@@ -39,5 +39,9 @@
 
 {#if store.state.jwtinfo.userdetails.permissions.includes('ORGANISATION:CREATE')}
   <AddOrgModal bind:current_organizations bind:modal_open />
-  <ImportRunnerModal bind:import_modal_open />
+  <ImportRunnerModal
+    on:cancelDelete={(event) => {
+      import_modal_open = false;
+    }}
+    bind:import_modal_open />
 {/if}