From 7a7d26fa2f313e0a3713661a80dd8c78903b2e99 Mon Sep 17 00:00:00 2001
From: Twiineenock <twiineenockfox@gmail.com>
Date: Tue, 20 Aug 2024 04:18:09 +0300
Subject: [PATCH] feat: indicate errors in JSON schema

---
 src/components/form-editor/form-editor.component.tsx     | 9 +++++++++
 src/components/form-editor/form-editor.scss              | 7 +++++++
 src/components/schema-editor/schema-editor.component.tsx | 1 +
 3 files changed, 17 insertions(+)

diff --git a/src/components/form-editor/form-editor.component.tsx b/src/components/form-editor/form-editor.component.tsx
index 90162c1..ed479bb 100644
--- a/src/components/form-editor/form-editor.component.tsx
+++ b/src/components/form-editor/form-editor.component.tsx
@@ -361,6 +361,15 @@ const FormEditorContent: React.FC<TranslationFnProps> = ({ t }) => {
               <ErrorNotification error={clobdataError} title={t('schemaLoadError', 'Error loading schema')} />
             ) : null}
             <div className={styles.editorContainer}>
+              {invalidJsonErrorMessage ? (
+                <InlineNotification
+                  kind="error"
+                  lowContrast
+                  title={t('errorParsingJsonSchema', 'Error parsing JSON schema')}
+                  subtitle={invalidJsonErrorMessage}
+                  className={styles.jsonSchemaError}
+                />
+              ) : null}
               <SchemaEditor
                 errors={errors}
                 isLoading={isLoadingFormOrSchema}
diff --git a/src/components/form-editor/form-editor.scss b/src/components/form-editor/form-editor.scss
index f5b1ea8..bb66453 100644
--- a/src/components/form-editor/form-editor.scss
+++ b/src/components/form-editor/form-editor.scss
@@ -36,6 +36,13 @@
   padding: 0;
 }
 
+.jsonSchemaError {
+  width: 100%;
+  max-width: unset;
+  padding: '0rem';
+  margin-bottom: 1rem;
+}
+
 .actionButtons {
   display: flex;
   align-items: center;
diff --git a/src/components/schema-editor/schema-editor.component.tsx b/src/components/schema-editor/schema-editor.component.tsx
index 955cf12..17e9892 100644
--- a/src/components/schema-editor/schema-editor.component.tsx
+++ b/src/components/schema-editor/schema-editor.component.tsx
@@ -178,6 +178,7 @@ const SchemaEditor: React.FC<SchemaEditorProps> = ({
     setCurrentIndex(0);
     onSchemaChange(newValue);
     debouncedValidateSchema(newValue, schema);
+    setErrors([]);
   };
 
   // Schema Validation Errors