From 4935d3cb68d19a735a2904d85260ae0ea5d48943 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sat, 7 Sep 2024 18:47:20 +0800
Subject: [PATCH] update favicon fetching to use google api

---
 frontend/src/lib/components/ShortenerCard.svelte             | 5 ++---
 .../projects/[id]/(components)/ShortenerCard.svelte          | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/ShortenerCard.svelte b/frontend/src/lib/components/ShortenerCard.svelte
index 771e017..c861b30 100644
--- a/frontend/src/lib/components/ShortenerCard.svelte
+++ b/frontend/src/lib/components/ShortenerCard.svelte
@@ -84,8 +84,6 @@
 		isLoadingQrModal = false
 	}
 
-	const hostDomain = 'https://' + shortener.link.split('/')[2]
-
 	const shortenerUrl = shortener.project?.enable_custom_domain
 		? shortener.project.custom_domain || shortener_url
 		: shortener_url
@@ -96,7 +94,8 @@
 		<Card.Title class="flex items-center justify-between gap-4">
 			<Avatar.Root class="overflow-visible">
 				<Avatar.Image
-					src={hostDomain + '/favicon.ico'}
+					src={'https://www.google.com/s2/favicons?sz=128&domain_url=' +
+						shortener.link}
 					alt="favicon" />
 				<Avatar.Fallback class="bg-opacity-0">
 					<img src="/favicon.png" alt="favicon" />
diff --git a/frontend/src/routes/(app)/dashboard/projects/[id]/(components)/ShortenerCard.svelte b/frontend/src/routes/(app)/dashboard/projects/[id]/(components)/ShortenerCard.svelte
index 25bba30..122dce0 100644
--- a/frontend/src/routes/(app)/dashboard/projects/[id]/(components)/ShortenerCard.svelte
+++ b/frontend/src/routes/(app)/dashboard/projects/[id]/(components)/ShortenerCard.svelte
@@ -69,8 +69,6 @@
 		isLoadingQrModal = false
 	}
 
-	const hostDomain = 'https://' + shortener.link.split('/')[2]
-
 	const shortenerUrl = selected_project.enable_custom_domain
 		? selected_project.custom_domain || shortener_url
 		: shortener_url
@@ -81,7 +79,8 @@
 		<Card.Title class="flex items-center justify-between gap-4">
 			<Avatar.Root class="overflow-visible">
 				<Avatar.Image
-					src={hostDomain + '/favicon.ico'}
+					src={'https://www.google.com/s2/favicons?sz=128&domain_url=' +
+						shortener.link}
 					alt="favicon" />
 				<Avatar.Fallback class="bg-opacity-0">
 					<img src="/favicon.png" alt="favicon" />