From c5dfddad46470ebbf43b93aced4eb0e1d7d9b29c Mon Sep 17 00:00:00 2001
From: deyvisonwanderley <deyvison.wanderley@gmail.com>
Date: Tue, 2 Dec 2025 15:43:26 -0300
Subject: [PATCH] feat: integrate UserAvatar component into absence and
 vacation request tables for enhanced employee profile visibility

---
 .../routes/(dashboard)/perfil/+page.svelte    | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index b7438ba..bf4e8ac 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -8,6 +8,7 @@
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
 	import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import type { FunctionReturnType } from 'convex/server';
 	import {
@@ -2207,11 +2208,18 @@
 											<tr
 												class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200"
 											>
-												<td>
+											<td>
+												<div class="flex items-center gap-3">
+													<UserAvatar
+														fotoPerfilUrl={periodo.funcionario?.fotoPerfilUrl}
+														nome={periodo.funcionario?.nome || 'Funcionário'}
+														size="sm"
+													/>
 													<div class="text-base-content font-semibold">
 														{periodo.funcionario?.nome}
 													</div>
-												</td>
+												</div>
+											</td>
 												<td>
 													{#if periodo.time}
 														<div
@@ -2331,11 +2339,18 @@
 											<tr
 												class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200"
 											>
-												<td>
+											<td>
+												<div class="flex items-center gap-3">
+													<UserAvatar
+														fotoPerfilUrl={ausencia.funcionario?.fotoPerfilUrl}
+														nome={ausencia.funcionario?.nome || 'N/A'}
+														size="sm"
+													/>
 													<div class="text-base-content font-semibold">
 														{ausencia.funcionario?.nome || 'N/A'}
 													</div>
-												</td>
+												</div>
+											</td>
 												<td>
 													{#if ausencia.time}
 														<div