From 219c69504bc2509bcf0aa9fd10f76dbb164e28ec Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Mon, 24 Jul 2023 17:10:44 -0700
Subject: [PATCH] chore: lint

---
 components/UserProfile/DropdownTrigger.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/components/UserProfile/DropdownTrigger.vue b/components/UserProfile/DropdownTrigger.vue
index b639837f1..56490b60a 100644
--- a/components/UserProfile/DropdownTrigger.vue
+++ b/components/UserProfile/DropdownTrigger.vue
@@ -20,24 +20,23 @@ const registeredAndconnectPluginInstalled = computed(() => connectPluginInstalle
 const showErrorIcon = computed(() => errors.value.length || stateData.value.error);
 
 const text = computed((): string | undefined => {
-  if ((stateData.value.error) && state.value !== 'EEXPIRED') return 'Fix Error';
-  if (registeredAndconnectPluginInstalled.value) return username.value;
-  return;
+  if ((stateData.value.error) && state.value !== 'EEXPIRED') { return 'Fix Error'; }
+  if (registeredAndconnectPluginInstalled.value) { return username.value; }
 });
 
 const title = computed((): string => {
-  if (state.value === 'ENOKEYFILE') return 'Get Started';
-  if (state.value === 'EEXPIRED') return 'Trial Expired, see options below';
-  if (showErrorIcon.value) return 'Learn more about the error';
+  if (state.value === 'ENOKEYFILE') { return 'Get Started'; }
+  if (state.value === 'EEXPIRED') { return 'Trial Expired, see options below'; }
+  if (showErrorIcon.value) { return 'Learn more about the error'; }
   return dropdownVisible.value ? 'Close Dropdown' : 'Open Dropdown';
 });
 </script>
 
 <template>
   <button
-    @click="dropdownStore.dropdownToggle()"
     class="group text-18px hover:text-alpha focus:text-alpha border border-transparent relative flex flex-row justify-end items-center h-full gap-x-8px outline-none focus:outline-none"
     :title="title"
+    @click="dropdownStore.dropdownToggle()"
   >
     <template v-if="errors.length && errors[0].level">
       <InformationCircleIcon v-if="errors[0].level === 'info'" class="text-unraid-red fill-current relative w-24px h-24px" />
@@ -46,7 +45,7 @@ const title = computed((): string => {
     </template>
     <span v-if="text" class="relative leading-none">
       <span>{{ text }}</span>
-      <span class="absolute bottom-[-3px] inset-x-0 h-2px w-full bg-gradient-to-r from-unraid-red to-orange rounded opacity-0 group-hover:opacity-100 group-focus:opacity-100 transition-opacity"></span>
+      <span class="absolute bottom-[-3px] inset-x-0 h-2px w-full bg-gradient-to-r from-unraid-red to-orange rounded opacity-0 group-hover:opacity-100 group-focus:opacity-100 transition-opacity" />
     </span>
     <UpcDropdownTriggerMenuIcon :open="dropdownVisible" />
     <BrandAvatar />