feat: show online status indicator only when available (close #41)

README.md

@@ -32,6 +32,8 @@
 
 ## 細かい変更点
 
+- オンラインステータスが非公開のアカウントにはステータスを表す丸印を表示しないように
+  - 灰色の丸が表示されていてもそんなに嬉しくないため
 - デフォルトで検索エンジンからのクロールを拒否するように変更
 - 検索の MFM で使用する検索エンジンを設定から変更可能に
   - 以下の選択肢から選べます

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>