From 58735fd807b3e04bb534889db18f95bbd4b6fcb4 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Fri, 7 Jul 2023 13:05:00 -0700
Subject: [PATCH] refactor: key actions to use button component

---
 components/KeyActions.ce.vue                 | 28 +++++++-------------
 components/UserProfile/DropdownLaunchpad.vue |  2 ++
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/components/KeyActions.ce.vue b/components/KeyActions.ce.vue
index bded62ecb..10d0db9cc 100644
--- a/components/KeyActions.ce.vue
+++ b/components/KeyActions.ce.vue
@@ -8,26 +8,18 @@ const { keyActions } = storeToRefs(useServerStore());
 </script>
 
 <template>
-  <div v-if="keyActions" class="flex flex-col gap-y-8px">
-    <!-- <BrandButton
-        v-for="action in keyActions" :key="action.name"
-        :click="action.click()"
+  <ul v-if="keyActions" class="flex flex-col gap-y-8px">
+    <li v-for="action in keyActions" :key="action.name">
+      <BrandButton
+        class="w-full max-w-300px"
+        @click="action.click()"
+        :external="action?.external"
+        :href="action?.href"
         :icon="action.icon"
         :text="action.text"
-      /> -->
-    <component
-      v-for="action in keyActions" :key="action.name"
-      :is="action.click ? 'button' : 'a'"
-      @click="action.click()"
-      rel="noopener noreferrer"
-      class="text-white text-14px text-center w-full flex-none flex flex-row items-center justify-center gap-x-8px px-8px py-8px cursor-pointer rounded-md bg-gradient-to-r from-unraid-red to-orange hover:from-unraid-red/60 hover:to-orange/60 focus:from-unraid-red/60 focus:to-orange/60"
-      target="_blank"
-      download
-    >
-      <component v-if="action.icon" :is="action.icon" class="flex-shrink-0 w-14px" />
-      {{ action.text }}
-    </component>
-  </div>
+      />
+    </li>
+  </ul>
 </template>
 
 <style lang="postcss">
diff --git a/components/UserProfile/DropdownLaunchpad.vue b/components/UserProfile/DropdownLaunchpad.vue
index b5f62c0e7..b4d532ceb 100644
--- a/components/UserProfile/DropdownLaunchpad.vue
+++ b/components/UserProfile/DropdownLaunchpad.vue
@@ -35,6 +35,8 @@ const showExpireTime = computed(() => {
         <BrandButton
           class="w-full"
           @click="action.click()"
+          :external="action?.external"
+          :href="action?.href"
           :icon="action.icon"
           :text="action.text"
         />