From 61a0f817c0d8926a963e25805a82455ed92cca35 Mon Sep 17 00:00:00 2001
From: Mattias Granlund <mtsgrd@gmail.com>
Date: Thu, 16 May 2024 15:20:25 +0200
Subject: [PATCH] Use custom tooltip in avatar component

---
 app/src/lib/components/Avatar.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/lib/components/Avatar.svelte b/app/src/lib/components/Avatar.svelte
index 9943e469b..e89b3bdf9 100644
--- a/app/src/lib/components/Avatar.svelte
+++ b/app/src/lib/components/Avatar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { tooltip } from '$lib/utils/tooltip';
 	import type { Author, CommitStatus } from '$lib/vbranches/types';
 
 	export let author: Author;
@@ -7,7 +8,6 @@
 
 <img
 	class="avatar"
-	title={author.name}
 	alt="Gravatar for {author.email}"
 	srcset="{author.gravatarUrl} 2x"
 	width="100"
@@ -15,6 +15,7 @@
 	class:remote={status == 'remote'}
 	class:local={status == 'local'}
 	class:upstream={status == 'upstream'}
+	use:tooltip={author.name}
 	on:error
 />