From 058a83b71fc5e1a55a76c52213b43c8837e92fc6 Mon Sep 17 00:00:00 2001
From: Marcel Robitaille <mail@marcelrobitaille.me>
Date: Wed, 26 Oct 2022 11:34:00 +0200
Subject: [PATCH] Add back certain functionality of ActionInput.vue

I forgot why I changed this to be honest.

Signed-off-by: Marcel Robitaille <mail@marcelrobitaille.me>
---
 src/components/SimpleActionInput.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/SimpleActionInput.vue b/src/components/SimpleActionInput.vue
index 6efe494d9..6b88563f4 100644
--- a/src/components/SimpleActionInput.vue
+++ b/src/components/SimpleActionInput.vue
@@ -28,10 +28,16 @@
   -->
 
 <template>
-    <li class="action">
+    <li class="action" :class="{ 'action--disabled': disabled }">
         <span class="action-input">
             <slot name="icon">
-                <span :class="icon" class="action-input__icon" />
+                <span
+                    :class="[isIconUrl ? 'action-input__icon--url' : icon]"
+                    :style="{
+                        backgroundImage: isIconUrl ? `url(${icon})` : null,
+                    }"
+                    class="action-input__icon"
+                />
             </slot>
             <form
                 ref="form"
@@ -92,6 +98,13 @@ const ActionGlobalMixin = {
     },
 
     computed: {
+        isIconUrl() {
+            try {
+                return new URL(this.icon)
+            } catch (error) {
+                return false
+            }
+        },
         isLongText() {
             return this.text && this.text.trim().length > 20
         },
@@ -426,7 +439,6 @@ textarea {
 
         // long text area
         p {
-
             // in case there are no spaces like long email addresses
             overflow: hidden;
             max-width: 220px;