From f860d8e1ac9ad66a8435a2b3aad6b5d4f5beca00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Thu, 29 Aug 2019 07:21:47 +0200
Subject: [PATCH] Do not allow disabled links
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 src/components/ActionButton/ActionButton.vue | 1 +
 src/components/ActionLink/ActionLink.vue     | 9 +--------
 src/components/ActionRouter/ActionRouter.vue | 9 +--------
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/src/components/ActionButton/ActionButton.vue b/src/components/ActionButton/ActionButton.vue
index b0272d1a6e..e39476ab75 100644
--- a/src/components/ActionButton/ActionButton.vue
+++ b/src/components/ActionButton/ActionButton.vue
@@ -28,6 +28,7 @@ This component is made to be used inside of the [Actions](#Actions) component sl
 	<Actions>
 		<ActionButton icon="icon-delete" @click="alert('Delete')">Delete</ActionButton>
 		<ActionButton icon="icon-delete" @click="alert('Delete')">Delete</ActionButton>
+		<ActionButton icon="icon-delete" :disabled="true" @click="alert('Disabled')">Disabled button</ActionButton>
 	</Actions>
 ```
 
diff --git a/src/components/ActionLink/ActionLink.vue b/src/components/ActionLink/ActionLink.vue
index 2f06a56960..05bcacae3a 100644
--- a/src/components/ActionLink/ActionLink.vue
+++ b/src/components/ActionLink/ActionLink.vue
@@ -37,7 +37,7 @@ This component is made to be used inside of the [Actions](#Actions) component sl
 			:download="download"
 			:href="href"
 			:target="target"
-			:class="['action-link', { focusable: isFocusable }]"
+			class="action-link focusable"
 			rel="noreferrer noopener"
 			@click="onClick">
 
@@ -113,13 +113,6 @@ export default {
 			validator: value => {
 				return ['_blank', '_self', '_parent', '_top'].indexOf(value) > -1
 			}
-		},
-		/**
-		 * Disabled state of the link
-		 */
-		disabled: {
-			type: Boolean,
-			default: false
 		}
 	},
 	computed: {
diff --git a/src/components/ActionRouter/ActionRouter.vue b/src/components/ActionRouter/ActionRouter.vue
index 2b0f659901..f1f21c7445 100644
--- a/src/components/ActionRouter/ActionRouter.vue
+++ b/src/components/ActionRouter/ActionRouter.vue
@@ -25,7 +25,7 @@
 	<li :class="{ 'action--disabled': disabled }">
 		<router-link :to="to"
 			:exact="exact"
-			:class="[ 'action-router', { focusable : isFocusable }]"
+			class="action-router focusable"
 			rel="noreferrer noopener">
 			<!-- icon -->
 			<span :class="[isIconUrl ? 'action-router__icon--url' : icon]"
@@ -81,13 +81,6 @@ export default {
 		exact: {
 			type: Boolean,
 			default: false
-		},
-		/**
-		 * Disabled state of the router
-		 */
-		disabled: {
-			type: Boolean,
-			default: false
 		}
 	},
 	computed: {