From 2efd06f4ade569dd7c8d58c42f46a5b99878b8f1 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 23 Dec 2022 17:13:43 +0900
Subject: [PATCH] enhance(client): show warning on screen when logged in as bot

Related #9386
---
 locales/ja-JP.yml                          |  1 +
 packages/client/src/ui/_common_/common.vue | 26 ++++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 001749468..6abb44dc5 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -910,6 +910,7 @@ sendPushNotificationReadMessageCaption: "「{emptyPushNotificationMessage}」と
 windowMaximize: "最大化"
 windowRestore: "元に戻す"
 caption: "キャプション"
+loggedInAsBot: "Botアカウントでログイン中"
 
 _sensitiveMediaDetection:
   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てることができます。サーバーの負荷が少し増えます。"
diff --git a/packages/client/src/ui/_common_/common.vue b/packages/client/src/ui/_common_/common.vue
index 1ea59dd26..7f3fc0e4a 100644
--- a/packages/client/src/ui/_common_/common.vue
+++ b/packages/client/src/ui/_common_/common.vue
@@ -14,6 +14,8 @@
 <div v-if="pendingApiRequestsCount > 0" id="wait"></div>
 
 <div v-if="dev" id="devTicker"><span>DEV BUILD</span></div>
+
+<div v-if="$i && $i.isBot" id="botWarn"><span>{{ i18n.ts.loggedInAsBot }}</span></div>
 </template>
 
 <script lang="ts" setup>
@@ -24,6 +26,7 @@ import { uploads } from '@/scripts/upload';
 import * as sound from '@/scripts/sound';
 import { $i } from '@/account';
 import { stream } from '@/stream';
+import { i18n } from '@/i18n';
 
 const XStreamIndicator = defineAsyncComponent(() => import('./stream-indicator.vue'));
 const XUpload = defineAsyncComponent(() => import('./upload.vue'));
@@ -94,6 +97,29 @@ if ($i) {
 	}
 }
 
+#botWarn {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	width: 100%;
+	height: max-content;
+	text-align: center;
+	z-index: 2147483647;
+	color: #ff0;
+	background: rgba(0, 0, 0, 0.5);
+	padding: 4px 7px;
+	font-size: 14px;
+	pointer-events: none;
+	user-select: none;
+
+	> span {
+		animation: dev-ticker-blink 2s infinite;
+	}
+}
+
 #devTicker {
 	position: fixed;
 	top: 0;