From e1af2369964e0e5eed8fed9d86a89b8547559251 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 8 Jul 2024 19:11:47 -0700
Subject: feat(pwa): anilist notifications

---
 src/lib/Locale/english.ts                  |  3 ++-
 src/lib/Locale/japanese.ts                 |  3 ++-
 src/lib/Locale/layout.ts                   |  1 +
 src/lib/Settings/Categories/Display.svelte | 15 +++++++++++++++
 4 files changed, 20 insertions(+), 2 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/Locale/english.ts b/src/lib/Locale/english.ts
index 509ebca0..2b9d1c3e 100644
--- a/src/lib/Locale/english.ts
+++ b/src/lib/Locale/english.ts
@@ -75,7 +75,8 @@ const English: Locale = {
 					title: 'Motion & Accessibility',
 					fields: {
 						disablePageTransitionAnimations: 'Disable page transition animations',
-						disableNotifications: 'Disable notifications',
+						disableNotifications: 'Disable verbose site notifications',
+						disableAniListNotifications: 'Disable AniList notifications',
 						limitPanelAreaToScreenHeight: 'Limit panel area to screen height',
 						interfaceLanguage: 'Interface language'
 					}
diff --git a/src/lib/Locale/japanese.ts b/src/lib/Locale/japanese.ts
index 089946ef..cc094e07 100644
--- a/src/lib/Locale/japanese.ts
+++ b/src/lib/Locale/japanese.ts
@@ -76,7 +76,8 @@ const Japanese: Locale = {
 					title: 'モーションとアクセシビリティ',
 					fields: {
 						disablePageTransitionAnimations: 'ページ遷移アニメーションを無効にする',
-						disableNotifications: '通知を無効にする',
+						disableNotifications: '詳細なサイト通知を無効にする',
+						disableAniListNotifications: 'AniListの通知を無効にする',
 						limitPanelAreaToScreenHeight: 'メディアパネルの面積をスクリーンの高さに制限する',
 						interfaceLanguage: 'インターフェース言語'
 					}
diff --git a/src/lib/Locale/layout.ts b/src/lib/Locale/layout.ts
index 4fea935a..081926fd 100644
--- a/src/lib/Locale/layout.ts
+++ b/src/lib/Locale/layout.ts
@@ -78,6 +78,7 @@ export interface Locale {
 					fields: {
 						disablePageTransitionAnimations: LocaleValue;
 						disableNotifications: LocaleValue;
+						disableAniListNotifications: LocaleValue;
 						limitPanelAreaToScreenHeight: LocaleValue;
 						interfaceLanguage: LocaleValue;
 					};
diff --git a/src/lib/Settings/Categories/Display.svelte b/src/lib/Settings/Categories/Display.svelte
index 0b23904b..76337b58 100644
--- a/src/lib/Settings/Categories/Display.svelte
+++ b/src/lib/Settings/Categories/Display.svelte
@@ -185,6 +185,21 @@
 
 <p />
 
+<SettingCheckboxToggle
+	setting="displayAniListNotifications"
+	text={$locale().settings.display.categories.motionAndAccessibility.fields
+		.disableAniListNotifications}
+>
+	<SettingHint lineBreak>
+		Periodically check and display recent AniList notifications as a native platform notification
+		<br />
+		This may be useful for users who have installed due.moe as a PWA or on mobile devices, since AniList
+		has no official mobile app.
+	</SettingHint>
+</SettingCheckboxToggle>
+
+<p />
+
 <b>{$locale().settings.display.categories.dateAndTime.title}</b><br />
 <SettingCheckboxToggle
 	setting="displayCountdownRightAligned"
-- 
cgit v1.2.3