From 16bbe54c91cae3281018a585041e3ca9c7b21d36 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sat, 14 Sep 2024 14:13:17 +0800
Subject: [PATCH] add icons to referer analytics

---
 .../src/routes/(app)/dashboard/links/[id]/+page.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/(app)/dashboard/links/[id]/+page.svelte b/frontend/src/routes/(app)/dashboard/links/[id]/+page.svelte
index c5c130a..8333612 100644
--- a/frontend/src/routes/(app)/dashboard/links/[id]/+page.svelte
+++ b/frontend/src/routes/(app)/dashboard/links/[id]/+page.svelte
@@ -14,6 +14,7 @@
 	} from 'lucide-svelte'
 	import { Progress } from '$lib/components/ui/progress'
 	import { Skeleton } from '$lib/components/ui/skeleton'
+	import * as Avatar from '$lib/components/ui/avatar'
 
 	export let data: PageData
 
@@ -438,7 +439,14 @@
 									class="hover:bg-muted flex flex-col gap-2 border-b p-2 px-4 transition-colors">
 									<div class="flex items-center justify-between">
 										<div class="flex items-center gap-4">
-											<GlobeIcon />
+											<Avatar.Root class="h-6 w-6">
+												<Avatar.Image
+													src={`https://unavatar.io/${visitorByReferer.referer}`}
+													alt="icon" />
+												<Avatar.Fallback>
+													<GlobeIcon />
+												</Avatar.Fallback>
+											</Avatar.Root>
 											<div>
 												{visitorByReferer.referer || '(direct)'}
 											</div>