Set icon for action output references

electrikmilk · Nov 16, 2023 · e842ac8 · e842ac8
1 parent 49ef108
commit e842ac8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/style.css b/src/style.css
@@ -228,7 +228,7 @@
 .sp-container .sp-variable-icon {
     width: 18px;
     height: 18px;
-    background: #fc880f !important;
+    background: #fc880f;
     color: white;
     margin-right: 0.25rem;
 }

diff --git a/src/value.ts b/src/value.ts
@@ -79,7 +79,12 @@ function renderObjectValue(container: HTMLElement, value?: any) {
         container.innerHTML = str;
     } else if (value && value.Value) {
         if (value.Value.OutputName) {
-            const inlineVar = renderInlineVariable(value.Value.OutputName);
+            let char;
+            switch (value.Value.Type) {
+                case 'ActionOutput':
+                    char = 'wand_stars';
+            }
+            const inlineVar = renderInlineVariable(value.Value.OutputName, char);
             container.appendChild(inlineVar);
         } else {
             let char;
@@ -112,6 +117,10 @@ function renderInlineVariable(v: string, char?: string) {
     i.innerText = char ?? 'f_cursive';
     icon.appendChild(i);
 
+    if (char && char === 'wand_stars') {
+        icon.style.backgroundColor = '#8e8e93';
+    }
+
     variable.appendChild(icon);
     const name = document.createElement('div');
     name.innerText = v;