From 9e8fe8c8e0d3c18aea884b165b64ac6fb7aadda2 Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Mon, 2 Oct 2023 07:30:31 +0900
Subject: [PATCH] feat: show online status indicator only when available (close
 #41)

---
 README.md                                           |  2 ++
 .../client/src/components/MkUserOnlineIndicator.vue | 13 ++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 98c9131a..9c4144df 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,8 @@
 
 ## 細かい変更点
 
+- オンラインステータスが非公開のアカウントにはステータスを表す丸印を表示しないように
+  - 灰色の丸が表示されていてもそんなに嬉しくないため
 - デフォルトで検索エンジンからのクロールを拒否するように変更
 - 検索の MFM で使用する検索エンジンを設定から変更可能に
   - 以下の選択肢から選べます
diff --git a/packages/client/src/components/MkUserOnlineIndicator.vue b/packages/client/src/components/MkUserOnlineIndicator.vue
index b988aa73..8edf6a51 100644
--- a/packages/client/src/components/MkUserOnlineIndicator.vue
+++ b/packages/client/src/components/MkUserOnlineIndicator.vue
@@ -1,5 +1,10 @@
 <template>
-	<div v-tooltip="text" class="fzgwjkgc" :class="user.onlineStatus"></div>
+	<div
+		v-if="user.onlineStatus !== 'unknown'"
+		v-tooltip="text"
+		class="fzgwjkgc"
+		:class="user.onlineStatus"
+	></div>
 </template>
 
 <script lang="ts" setup>
@@ -20,8 +25,6 @@ const text = computed(() => {
 			return i18n.ts.active;
 		case "offline":
 			return i18n.ts.offline;
-		case "unknown":
-			return i18n.ts.unknown;
 	}
 });
 </script>
@@ -42,9 +45,5 @@ const text = computed(() => {
 	&.offline {
 		background: #eb6f92;
 	}
-
-	&.unknown {
-		background: #6e6a86;
-	}
 }
 </style>