SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: integrate UserAvatar component into absence and vacation request tables for enhanced employee profile visibility

Browse Source
This commit is contained in:
deyvisonwanderley
2025-12-02 15:43:26 -03:00
parent 75ab4d261d
commit c5dfddad46
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/web/src/routes/(dashboard)/perfil/+page.svelte
View File

@@ -8,6 +8,7 @@
import AprovarAusencias from '$lib/components/AprovarAusencias.svelte'; import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte'; import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
import ProtectedRoute from '$lib/components/ProtectedRoute.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 { Id } from '@sgse-app/backend/convex/_generated/dataModel';
import type { FunctionReturnType } from 'convex/server'; import type { FunctionReturnType } from 'convex/server';
import { import {
@@ -2207,11 +2208,18 @@
<tr <tr
class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200" 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"> <div class="text-base-content font-semibold">
{periodo.funcionario?.nome} {periodo.funcionario?.nome}
</div> </div>
</td> </div>
</td>
<td> <td>
{#if periodo.time} {#if periodo.time}
<div <div
@@ -2331,11 +2339,18 @@
<tr <tr
class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200" 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"> <div class="text-base-content font-semibold">
{ausencia.funcionario?.nome || 'N/A'} {ausencia.funcionario?.nome || 'N/A'}
</div> </div>
</td> </div>
</td>
<td> <td>
{#if ausencia.time} {#if ausencia.time}
<div <div