From a3ff0510fb9df0dea813dbe5083b5f5ae5b76b9b Mon Sep 17 00:00:00 2001
From: KevinWh0 <45321184+ChaoticLeah@users.noreply.github.com>
Date: Mon, 17 Jun 2024 21:24:13 +0200
Subject: [PATCH] added docs for how to enable it

---
 locales/en-US.yml                             |  1 +
 locales/index.d.ts                            |  4 ++++
 locales/ja-JP.yml                             |  1 +
 .../frontend/src/pages/settings/general.vue   | 20 +++++++++++++++----
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index c9f913822c..139db220f7 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -699,6 +699,7 @@ enableFaviconNotificationDot: "Enable favicon notification dot"
 verifyNotificationDotWorkingButton: "Check if the notification dot works on your instance"
 notificationDotNotWorking: "Unfortunately, this instance does not support the notification dot feature at this time."
 notificationDotWorking: "The notification dot is functioning properly on this instance."
+notificationDotNotWorkingAdvice: "If its not working an admin with server access can look here to fix it. {link}"
 useGlobalSetting: "Use global settings"
 useGlobalSettingDesc: "If turned on, your account's notification settings will be used. If turned off, individual configurations can be made."
 other: "Other"
diff --git a/locales/index.d.ts b/locales/index.d.ts
index d53c98bf98..3b81c8f5e9 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -2808,6 +2808,10 @@ export interface Locale extends ILocale {
      * 通知ドットは、このインスタンスで正しく機能しています。
      */
     "notificationDotWorking": string;
+    /**
+     * 機能しない場合は、サーバーにアクセスできる管理者がここを見て修正できます。{link}
+     */
+    "notificationDotNotWorkingAdvice": ParameterizedString<"link">;
     /**
      * グローバル設定を使う
      */
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index fa4f5ba8fd..6c6e96764a 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -698,6 +698,7 @@ enableFaviconNotificationDot: "未読の通知があるときにタブのアイ
 verifyNotificationDotWorkingButton: "通知ドットがインスタンスで機能するかどうかを確認します。"
 notificationDotNotWorking: "残念ながら、このインスタンスは現時点では通知ドット機能をサポートしていません。"
 notificationDotWorking: "通知ドットは、このインスタンスで正しく機能しています。"
+notificationDotNotWorkingAdvice: "機能しない場合は、サーバーにアクセスできる管理者がここを見て修正できます。{link}"
 useGlobalSetting: "グローバル設定を使う"
 useGlobalSettingDesc: "オンにすると、アカウントの通知設定が使用されます。オフにすると、個別に設定できるようになります。"
 other: "その他"
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 9dcb541dc9..04876f94d2 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -139,10 +139,22 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div class="_gaps_m">
 			<MkSwitch v-model="useGroupedNotifications">{{ i18n.ts.useGroupedNotifications }}</MkSwitch>
 
-			<MkSwitch v-model="enableFaviconNotificationDot">{{ i18n.ts.enableFaviconNotificationDot }}</MkSwitch>
+			<MkSwitch v-model="enableFaviconNotificationDot">
+				{{ i18n.ts.enableFaviconNotificationDot }}
+				<template #caption>
+					<I18n :src="i18n.ts.notificationDotNotWorkingAdvice" tag="span">
+						<template #link>
+							<MkLink url="https://docs.joinsharkey.org/docs/install/faqs/#ive-enabled-the-notification-dot-but-it-doesnt-show">{{ i18n.ts._mfm.link }}</MkLink>
+						</template>
+					</I18n>
+				</template>
+			</MkSwitch>
 
+			<!-- {{ i18n.ts.notificationDotNotWorkingAdvice }} -->
+
+			<!-- notificationDotNotWorkingAdvice -->
 			<MkButton @click="testNotificationDot">{{ i18n.ts.verifyNotificationDotWorkingButton }}</MkButton>
-
+			<!-- <p class="caption">Testing Testing</p> -->
 			<MkRadios v-model="notificationPosition">
 				<template #label>{{ i18n.ts.position }}</template>
 				<option value="leftTop"><i class="ph-arrow-up-left ph-bold ph-lg"></i> {{ i18n.ts.leftTop }}</option>
@@ -569,9 +581,9 @@ async function testNotificationDot() {
 	const success = await worksOnInstance();
 	
 	if (success) {
-		os.toast(i18n.ts.notificationDotWorking);
+		os.toast(i18n.ts.notificationDotWorking, true);
 	} else {
-		os.toast(i18n.ts.notificationDotNotWorking);
+		os.toast(i18n.ts.notificationDotNotWorking, true);
 	}
 }