From f46efdb89c23066d1f08c4ff8f9346d58c16815c Mon Sep 17 00:00:00 2001
From: Frank <csskfaves@gmail.com>
Date: Tue, 12 Mar 2024 09:44:28 +0100
Subject: [PATCH 1/2] fix: null message on input help

---
 client/components/forms/components/InputHelp.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/components/forms/components/InputHelp.vue b/client/components/forms/components/InputHelp.vue
index 51d9c03ea..232ca078b 100644
--- a/client/components/forms/components/InputHelp.vue
+++ b/client/components/forms/components/InputHelp.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex mb-1 input-help">
     <small :class="theme.default.help" class="grow flex">
-      <slot name="help"><span class="field-help" v-html="help" /></slot>
+      <slot name="help"><span class="field-help" v-html="helpValue" /></slot>
     </small>
     <slot name="after-help">
       <small class="flex-grow"  />
@@ -16,6 +16,12 @@ export default {
   props: {
     theme: { type: Object, required: true },
     help: { type: String, required: false }
+  },
+
+  computed: {
+    helpValue(){
+      return (this.help === null || this.help === undefined) ? '' : this.help
+    }
   }
 }
 </script>

From 1248c15f5b80a272af1a32ccfe5f468185d685f8 Mon Sep 17 00:00:00 2001
From: Frank <csskfaves@gmail.com>
Date: Tue, 12 Mar 2024 09:52:54 +0100
Subject: [PATCH 2/2] fix null message

---
 client/components/forms/components/InputHelp.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/client/components/forms/components/InputHelp.vue b/client/components/forms/components/InputHelp.vue
index 232ca078b..1e3a064e4 100644
--- a/client/components/forms/components/InputHelp.vue
+++ b/client/components/forms/components/InputHelp.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex mb-1 input-help">
     <small :class="theme.default.help" class="grow flex">
-      <slot name="help"><span class="field-help" v-html="helpValue" /></slot>
+      <slot name="help"><span v-if="help" class="field-help" v-html="help" /></slot>
     </small>
     <slot name="after-help">
       <small class="flex-grow"  />
@@ -16,12 +16,6 @@ export default {
   props: {
     theme: { type: Object, required: true },
     help: { type: String, required: false }
-  },
-
-  computed: {
-    helpValue(){
-      return (this.help === null || this.help === undefined) ? '' : this.help
-    }
   }
 }
 </script>