From fd5f817087ef3bc3a90b60af2759a445cd2de260 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 27 Dec 2022 21:21:53 +0100
Subject: [PATCH] ui: hide info on no users

---
 pages/settings/users/index.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/pages/settings/users/index.vue b/pages/settings/users/index.vue
index 5c03c744..72a09ab5 100644
--- a/pages/settings/users/index.vue
+++ b/pages/settings/users/index.vue
@@ -70,16 +70,18 @@ async function importTokens() {
       </div>
     </template>
     <div p4>
-      <div flex="~ col gap2">
-        <div v-for="user of loggedInUsers" :key="user.account.id">
-          <AccountInfo :account="user.account" :hover-card="false" />
+      <template v-if="loggedInUsers.length">
+        <div flex="~ col gap2">
+          <div v-for="user of loggedInUsers" :key="user.account.id">
+            <AccountInfo :account="user.account" :hover-card="false" />
+          </div>
         </div>
-      </div>
-      <div my4 border="t base" />
-      <button btn-text flex="~ gap-2" items-center @click="exportTokens">
-        <div i-ri-download-2-line />
-        Export User Tokens
-      </button>
+        <div my4 border="t base" />
+        <button btn-text flex="~ gap-2" items-center @click="exportTokens">
+          <div i-ri-download-2-line />
+          Export User Tokens
+        </button>
+      </template>
       <button btn-text flex="~ gap-2" items-center @click="importTokens">
         <div i-ri-upload-2-line />
         Import User Tokens