From a6dc41b2cd1ee0c174e98e6b063c64379c5c8bcd Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 15 Jan 2024 19:22:54 -0800
Subject: feat(settings): more useful tooltips

---
 src/lib/Settings/Categories/Cache.svelte | 6 +++++-
 src/lib/Settings/Categories/Debug.svelte | 3 ++-
 src/routes/settings/+page.svelte         | 9 +++++++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/lib/Settings/Categories/Cache.svelte b/src/lib/Settings/Categories/Cache.svelte
index 07d7cdce..eaa14063 100644
--- a/src/lib/Settings/Categories/Cache.svelte
+++ b/src/lib/Settings/Categories/Cache.svelte
@@ -1,9 +1,13 @@
 <script>
+	import tooltip from '$lib/Tooltip/tooltip';
 	import settings from '$stores/settings';
 </script>
 
 <small style="opacity: 50%;">
-	All caches are stored in your browser's <code>localStorage</code>. Clearing
+	All caches are stored in your browser's <code
+		title="Local browser key/value pair store"
+		use:tooltip>localStorage</code
+	>. Clearing
 	<a href="https://due.moe">due.moe</a>'s site data will clear these caches too.
 </small>
 
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index 2e2e64bd..04bb0985 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -3,6 +3,7 @@
 	import { getNotificationsContext } from 'svelte-notifications';
 	import SettingHint from '../SettingHint.svelte';
 	import { options } from '$lib/Notification/options';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	const { addNotification } = getNotificationsContext();
 </script>
@@ -45,7 +46,7 @@
 				heading: '<code>localStorage</code> successfully cleared'
 			})
 		);
-	}}>Clear <code>localStorage</code></button
+	}}>Clear <code title="Local browser key/value pair store" use:tooltip>localStorage</code></button
 >
 <SettingHint lineBreak>
 	Resets all of your settings to their default values and clears both AniList media list and manga
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index a5c0e815..77bd3869 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -32,7 +32,9 @@
 
 <blockquote>
 	Have feedback or suggestions? Send a private message to
-	<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList!
+	<a href="https://anilist.co/user/fuwn" target="_blank" title="Author of due.moe" use:tooltip
+		>@fuwn</a
+	> on AniList!
 </blockquote>
 
 {#if data.user === undefined}
@@ -76,7 +78,10 @@
 	<Category title="Cache"><Cache /></Category>
 	<Category id="debug">
 		<summary
-			>Debug<button class="smaller-button button-badge badge-info">{data.commit.slice(0, 7)}</button
+			>Debug<button
+				class="smaller-button button-badge badge-info"
+				title="Current due.moe version hash"
+				use:tooltip>{data.commit.slice(0, 7)}</button
 			></summary
 		>
 
-- 
cgit v1.2.3