From e6eb56466efb14e44d3a6bcf46b33121b9535ee4 Mon Sep 17 00:00:00 2001
From: Zack Spear <zackspear@users.noreply.github.com>
Date: Wed, 14 Feb 2024 08:10:28 -0800
Subject: [PATCH] fix: display dropdown for pro key no connect installed (#848)

---
 web/components/UserProfile.ce.vue              | 16 +++++-----------
 web/components/UserProfile/DropdownTrigger.vue |  2 ++
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
index a0deedf37..d8d9c6635 100644
--- a/web/components/UserProfile.ce.vue
+++ b/web/components/UserProfile.ce.vue
@@ -31,13 +31,9 @@ const {
   guid,
   keyfile,
   lanIp,
-  state,
-  connectPluginInstalled,
 } = storeToRefs(serverStore);
 const { bannerGradient, theme } = storeToRefs(useThemeStore());
 
-const hideDropdown = computed(() => state.value === 'PRO' && !connectPluginInstalled.value);
-
 /**
  * Close dropdown when clicking outside
  * @note If in testing you have two variants of the component on a page the clickOutside will fire twice making it seem like it doesn't work
@@ -129,14 +125,12 @@ onBeforeMount(() => {
         </span>
       </h1>
 
-      <template v-if="!hideDropdown">
-        <div class="block w-2px h-24px bg-gamma" />
+      <div class="block w-2px h-24px bg-gamma" />
 
-        <OnClickOutside class="flex items-center justify-end h-full" :options="{ ignore: [clickOutsideIgnoreTarget] }" @trigger="outsideDropdown">
-          <UpcDropdownTrigger ref="clickOutsideIgnoreTarget" :t="t" />
-          <UpcDropdown ref="clickOutsideTarget" :t="t" />
-        </OnClickOutside>
-      </template>
+      <OnClickOutside class="flex items-center justify-end h-full" :options="{ ignore: [clickOutsideIgnoreTarget] }" @trigger="outsideDropdown">
+        <UpcDropdownTrigger ref="clickOutsideIgnoreTarget" :t="t" />
+        <UpcDropdown ref="clickOutsideTarget" :t="t" />
+      </OnClickOutside>
     </div>
   </div>
 </template>
diff --git a/web/components/UserProfile/DropdownTrigger.vue b/web/components/UserProfile/DropdownTrigger.vue
index 35faebe00..2648ab68f 100644
--- a/web/components/UserProfile/DropdownTrigger.vue
+++ b/web/components/UserProfile/DropdownTrigger.vue
@@ -35,6 +35,8 @@ const title = computed((): string => {
   if (showErrorIcon.value) { return props.t('Learn more about the error'); }
   return dropdownVisible.value ? props.t('Close Dropdown') : props.t('Open Dropdown');
 });
+
+// const hideAvatar = computed(() => state.value === 'PRO' && !connectPluginInstalled.value);
 </script>
 
 <template>