From 65506a454dd1b535d88cdfb899a6e01079841320 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Fri, 2 Jun 2023 20:59:56 -0700
Subject: [PATCH] refactor: dropdown trigger errorIcon

---
 components/UserProfile/DropdownTrigger.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/UserProfile/DropdownTrigger.vue b/components/UserProfile/DropdownTrigger.vue
index 46c4e2e8d..b1973d116 100644
--- a/components/UserProfile/DropdownTrigger.vue
+++ b/components/UserProfile/DropdownTrigger.vue
@@ -16,6 +16,7 @@ const {
 } = storeToRefs(useServerStore());
 
 const registeredAndPluginInstalled = computed(() => pluginInstalled.value && registered.value);
+const showErrorIcon = computed(() => stateData.value.error);
 
 const text = computed((): string | undefined => {
   if ((stateData.value.error) && state.value !== 'EEXPIRED') return 'Fix Error';
@@ -42,7 +43,7 @@ const title = computed((): string => {
     :title="title"
   >
     <InformationCircleIcon v-if="pluginOutdated" class="text-red fill-current relative w-24px h-24px" />
-    <ExclamationTriangleIcon class="text-red fill-current relative w-24px h-24px" />
+    <ExclamationTriangleIcon v-else-if="showErrorIcon" class="text-red fill-current relative w-24px h-24px" />
 
     <span class="flex flex-row items-center gap-x-8px">
       <span class="leading-none">{{ text }}</span>