From d3703770b7baa7df447902b42756da50727445d8 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 1 Feb 2024 08:45:02 -0800
Subject: feat(wrapped): add tooltips for titles

---
 src/lib/List/MediaTitleDisplay.svelte     | 9 +++++----
 src/lib/Tools/ActivityHistory/Grid.svelte | 2 ++
 src/lib/Tools/Wrapped/Tool.svelte         | 3 ++-
 3 files changed, 9 insertions(+), 5 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte
index 118d9b2c..92e39b0b 100644
--- a/src/lib/List/MediaTitleDisplay.svelte
+++ b/src/lib/List/MediaTitleDisplay.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { MediaTitle } from '$lib/AniList/media';
+	import tooltip from '$lib/Tooltip/tooltip';
 	import settings from '$stores/settings';
 	import * as wanakana from 'wanakana';
 
@@ -8,7 +9,7 @@
 
 {#if $settings.displayTitleFormat === 'native'}
 	{#if $settings.displayFurigana}
-		<span title={title.english || title.romaji || title.native}>
+		<span title={title.english || title.romaji || title.native} use:tooltip>
 			<ruby>
 				{title.native}
 				<rt>
@@ -17,16 +18,16 @@
 			</ruby>
 		</span>
 	{:else}
-		<span title={title.english || title.romaji || title.native}>
+		<span title={title.english || title.romaji || title.native} use:tooltip>
 			{title.native}
 		</span>
 	{/if}
 {:else if $settings.displayTitleFormat === 'romaji'}
-	<span title={title.english || title.romaji || title.native}>
+	<span title={title.english || title.romaji || title.native} use:tooltip>
 		{title.romaji}
 	</span>
 {:else}
-	<span title={title.romaji || title.native}>
+	<span title={title.romaji || title.native} use:tooltip>
 		{title.english || title.romaji || title.native}
 	</span>
 {/if}
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte
index 3d0920f5..27402061 100644
--- a/src/lib/Tools/ActivityHistory/Grid.svelte
+++ b/src/lib/Tools/ActivityHistory/Grid.svelte
@@ -9,6 +9,7 @@
 	import type { AniListAuthorisation } from '$lib/AniList/identity';
 	import { clearAllParameters } from '../../Utility/parameters';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	export let user: AniListAuthorisation;
 	export let activityData: ActivityHistoryEntry[] | null = null;
@@ -49,6 +50,7 @@
 				}}
 				role="button"
 				tabindex="0"
+				use:tooltip
 				title={`Date: ${new Date(activity.date * 1000).toLocaleDateString()}\nAmount: ${
 					activity.amount
 				}`}
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 20fae810..06e96215 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -27,6 +27,7 @@
 	import Watermark from './Watermark.svelte';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import Message from '$lib/Loading/Message.svelte';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	export let user: AniListAuthorisation;
 
@@ -735,7 +736,7 @@
 								}}
 							/>
 							Excluded keywords
-							<button on:click={submitExcludedKeywords} title="Or click your Enter key"
+							<button on:click={submitExcludedKeywords} title="Or click your Enter key" use:tooltip
 								>Submit</button
 							>
 							<br />
-- 
cgit v1.2.3