refactor(input-field): make it easier to understand when to render he…

…lper line
Lundalogik · Nov 6, 2023 · ea1afd1 · ea1afd1
1 parent 8af7ff6
commit ea1afd1
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/components/input-field/input-field.tsx b/src/components/input-field/input-field.tsx
@@ -470,11 +470,19 @@ export class InputField {
         this.isModified = true;
     };
 
+    private hasHelperText = () => {
+        return this.helperText !== null && this.helperText !== undefined;
+    };
+
+    private hasHelperLine = () => {
+        return this.maxlength || this.hasHelperText();
+    };
+
     private renderHelperLine = () => {
         const text: string = this.value || '';
         const length = text.length;
 
-        if (!this.maxlength && !this.hasHelperText()) {
+        if (!this.hasHelperLine()) {
             return;
         }
 
@@ -499,10 +507,6 @@ export class InputField {
         }
     };
 
-    private hasHelperText = () => {
-        return this.helperText !== null && this.helperText !== undefined;
-    };
-
     private renderSuffix = () => {
         if (!this.hasSuffix() || this.type === 'textarea') {
             return;