style: format and clean up code in DropdownConnectStatus.vue for consistency

zackspear · zackspear · commit 39387ba4fe00 · 2025-03-21T15:33:48.000-07:00
diff --git a/web/components/UserProfile/DropdownConnectStatus.vue b/web/components/UserProfile/DropdownConnectStatus.vue
@@ -56,14 +56,16 @@ const status = computed((): StatusOutput | undefined => {
   }
   return undefined;
 });
+
+const statusItemClasses = "text-14px flex flex-row justify-start items-center gap-8px mt-8px px-8px";
 </script>
 
 <template>
-  <li v-if="username" class="flex flex-row justify-start items-center gap-8px mt-8px px-8px">
+  <li v-if="username" :class="statusItemClasses">
     <UserCircleIcon class="w-16px h-16px" aria-hidden="true" />
     {{ username }}
   </li>
-  <li v-if="status" class="flex flex-row justify-start items-center gap-8px mt-8px px-8px">
+  <li v-if="status" :class="statusItemClasses">
     <component :is="status.icon" :class="status.iconClasses" aria-hidden="true" />
     {{ status.text }}
   </li>
