From 6dd59c449d027c4cf853db7a83681ed660d5a036 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 31 Jan 2024 16:27:46 -0800
Subject: feat(birthdays): show origin if available

---
 src/lib/Tools/Birthdays.svelte | 4 ++++
 src/lib/Tooltip/tooltip.ts     | 8 ++++++++
 2 files changed, 12 insertions(+)

(limited to 'src')

diff --git a/src/lib/Tools/Birthdays.svelte b/src/lib/Tools/Birthdays.svelte
index 5e8250d3..60de34ee 100644
--- a/src/lib/Tools/Birthdays.svelte
+++ b/src/lib/Tools/Birthdays.svelte
@@ -8,6 +8,7 @@
 	import { clearAllParameters, parseOrDefault } from '../Utility/parameters';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import Message from '$lib/Loading/Message.svelte';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	interface Birthday {
 		name: string;
@@ -122,6 +123,9 @@
 							birthday.name
 						).replace(/%20/g, '+')}`}
 						target="_blank"
+						title={birthday.origin}
+						use:tooltip
+						data-tooltip-disable={birthday.origin !== undefined}
 					>
 						{birthday.name}
 						<img src={birthday.image} alt="Character (Large)" class="character-image" />
diff --git a/src/lib/Tooltip/tooltip.ts b/src/lib/Tooltip/tooltip.ts
index 5b19d382..bba4be11 100644
--- a/src/lib/Tooltip/tooltip.ts
+++ b/src/lib/Tooltip/tooltip.ts
@@ -3,6 +3,14 @@ const tooltip = (element: HTMLElement) => {
 	let title: string | null;
 	const offset = 10;
 	const above = element.getAttribute('data-tooltip-above') !== null;
+	const disable = element.getAttribute('data-tooltip-disable');
+
+	if (disable && disable === 'false')
+		return {
+			destroy() {
+				return;
+			}
+		};
 
 	const mouseEnter = (event: MouseEvent) => {
 		title = element.getAttribute('title');
-- 
cgit v1.2.3