Fix extra argument value display (#1137)

NASA-AMMOS · Feb 28, 2024 · 1b33869 · 1b33869
1 parent 231fd5d
commit 1b33869
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/parameters/ExtraneousParameters.svelte b/src/components/parameters/ExtraneousParameters.svelte
@@ -37,6 +37,14 @@
       dispatch('reset', 'extra');
     }
   }
+
+  function getStringValue(value: unknown): string {
+    if (typeof value === 'object') {
+      return JSON.stringify(value);
+    }
+
+    return `${value}`;
+  }
 </script>
 
 <div class="extra-parameters-container">
@@ -68,15 +76,15 @@
         </div>
         <Input>
           <input
-            value={argumentsMap[extraArgument] ? `${argumentsMap[extraArgument]}` : ''}
+            value={argumentsMap[extraArgument] ? getStringValue(argumentsMap[extraArgument]) : ''}
             class="st-input w-100 error"
             readonly
             type="text"
           />
           <div class="parameter-right" slot="right">
             <button
               class="st-button icon"
-              value={argumentsMap[extraArgument] ? `${argumentsMap[extraArgument]}` : ''}
+              value={argumentsMap[extraArgument] ? getStringValue(argumentsMap[extraArgument]) : ''}
               use:tooltip={{ content: 'Copy value to clipboard', placement: 'top' }}
               on:click={onCopy}
             >