From af2b9afa01dc28ec24bc26cb6a9a610836d87b84 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 2 Dec 2022 12:16:13 +0100
Subject: [PATCH] fix schemaeditor

---
 frontend/src/lib/components/SchemaEditor.svelte | 11 ++++++++---
 frontend/src/lib/components/SimpleEditor.svelte |  4 ++--
 frontend/src/routes/resources.svelte            |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/SchemaEditor.svelte b/frontend/src/lib/components/SchemaEditor.svelte
index bbec06a9c5..503c048532 100644
--- a/frontend/src/lib/components/SchemaEditor.svelte
+++ b/frontend/src/lib/components/SchemaEditor.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Schema, SchemaProperty } from '$lib/common'
-	import { emptySchema, sendUserToast } from '$lib/utils'
+	import { emptySchema, emptyString, sendUserToast } from '$lib/utils'
 	import { faPen, faPlus, faTrash } from '@fortawesome/free-solid-svg-icons'
 	import { Button } from './common'
 	import { createEventDispatcher } from 'svelte'
@@ -146,6 +146,7 @@
 		schema.properties = Object.fromEntries(entries)
 	}
 	let isAnimated = false
+	let error = ''
 </script>
 
 <div class="flex flex-col">
@@ -254,13 +255,17 @@
 				{/if}
 			</div>
 		{:else}
-			<div class="border rounded mt-4 p-2">
+			{#if !emptyString(error)}<span class="text-red-400">{error}</span>{:else}<div
+					class="py-6"
+				/>{/if}
+			<div class="border rounded  p-2">
 				<SimpleEditor
 					on:change={() => {
 						try {
 							schema = JSON.parse(schemaString)
+							error = ''
 						} catch (err) {
-							sendUserToast(err.message, true)
+							error = err.message
 						}
 					}}
 					bind:code={schemaString}
diff --git a/frontend/src/lib/components/SimpleEditor.svelte b/frontend/src/lib/components/SimpleEditor.svelte
index 239f85d0b6..03630ad3c3 100644
--- a/frontend/src/lib/components/SimpleEditor.svelte
+++ b/frontend/src/lib/components/SimpleEditor.svelte
@@ -115,8 +115,8 @@
 			timeoutModel && clearTimeout(timeoutModel)
 			timeoutModel = setTimeout(() => {
 				code = getCode()
-			}, 500)
-			dispatch('change')
+				dispatch('change')
+			}, 200)
 		})
 
 		if (autoHeight) {
diff --git a/frontend/src/routes/resources.svelte b/frontend/src/routes/resources.svelte
index 34cd0a3468..33554cce6a 100644
--- a/frontend/src/routes/resources.svelte
+++ b/frontend/src/routes/resources.svelte
@@ -115,7 +115,7 @@
 				description: newResourceType.description
 			}
 		})
-		resourceTypeViewer.closeDrawer?.()
+		resourceTypeDrawer.closeDrawer?.()
 		loadResourceTypes()
 	}