From 92d0f18389eafc10a4072692bec5ceb5a9932f31 Mon Sep 17 00:00:00 2001
From: Florian Martinez <fm29830@gmail.com>
Date: Sun, 13 Aug 2023 10:28:32 +0200
Subject: [PATCH] fix: role indicator (#2333)

---
 components/account/AccountHeader.vue        |  2 +-
 components/account/AccountInfo.vue          |  2 +-
 components/account/AccountRoleIndicator.vue | 23 ---------------------
 3 files changed, 2 insertions(+), 25 deletions(-)
 delete mode 100644 components/account/AccountRoleIndicator.vue

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index d9281835..7722b46b 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -167,7 +167,7 @@ const personalNoteMaxLength = 2000
         <div flex="~ col gap1" pt2>
           <div flex gap2 items-center flex-wrap>
             <AccountDisplayName :account="account" font-bold sm:text-2xl text-xl />
-            <AccountRolesIndicator :account="account" />
+            <AccountRolesIndicator v-if="account.roles?.length" :account="account" />
             <AccountLockIndicator v-if="account.locked" show-label />
             <AccountBotIndicator v-if="account.bot" show-label />
           </div>
diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index 102bcaa9..5730a08a 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -23,7 +23,7 @@ const { account, as = 'div' } = defineProps<{
     <div flex="~ col" shrink pt-1 h-full overflow-hidden justify-center leading-none select-none>
       <div flex="~" gap-2>
         <AccountDisplayName :account="account" font-bold line-clamp-1 ws-pre-wrap break-all text-lg />
-        <AccountRolesIndicator :account="account" :limit="1" />
+        <AccountRolesIndicator v-if="account.roles?.length" :account="account" :limit="1" />
         <AccountLockIndicator v-if="account.locked" text-xs />
         <AccountBotIndicator v-if="account.bot" text-xs />
       </div>
diff --git a/components/account/AccountRoleIndicator.vue b/components/account/AccountRoleIndicator.vue
deleted file mode 100644
index e53df3df..00000000
--- a/components/account/AccountRoleIndicator.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup lang="ts">
-interface Role {
-  name: string
-  color: string
-}
-
-defineProps<{
-  role: Role
-}>()
-</script>
-
-<template>
-  <div
-    flex="~ gap1" items-center
-    class="border border-base rounded-md px-1"
-    text-secondary-light
-  >
-    <slot name="prepend" />
-    <div :style="`color: ${role.color}; border-color: ${role.color}`">
-      {{ role.name }}
-    </div>
-  </div>
-</template>