fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-21 16:27:32 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: ahora se muestran los usuarios seguidos y seguidores de una cuenta

Browse Source
This commit is contained in:
fedpo
2026-01-07 16:51:48 -03:00
parent 680ff35a2d
commit dca0087b1e
1 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/lib/components/CardPerfil.svelte
View File

@@ -14,6 +14,7 @@
import CardHeader from './ui/card/card-header.svelte'; import CardHeader from './ui/card/card-header.svelte';
import CardTitle from './ui/card/card-title.svelte'; import CardTitle from './ui/card/card-title.svelte';
import Badge from './ui/badge/badge.svelte'; import Badge from './ui/badge/badge.svelte';
import { resolve } from '$app/paths';
let { data = $bindable() } = $props(); let { data = $bindable() } = $props();
@@ -145,11 +146,18 @@
{#if (data.seguidos.response?.length || 0) === 0} {#if (data.seguidos.response?.length || 0) === 0}
<h3>No hay Seguidos</h3> <h3>No hay Seguidos</h3>
{:else} {:else}
{#each data.seguidos.response as seguidos (seguidos.id)} <div class="flex -space-x-2">
<p class="text-muted-foreground"> {#each data.seguidos.response as seguidos (seguidos.id)}
{seguidos.username} <a href={resolve('/[perfil]', { perfil: seguidos.username })}>
</p> <Avatar class="h-8 w-8 border-2 border-background">
{/each} <AvatarImage src={seguidos.imageUrl} alt={seguidos.username} />
<AvatarFallback class="text-xs">
{seguidos.displayName?.[0] || ''}
</AvatarFallback>
</Avatar>
</a>
{/each}
</div>
{/if} {/if}
</CardContent> </CardContent>
</CardContent> </CardContent>
@@ -166,11 +174,18 @@
{#if (data.seguidores.response?.length || 0) === 0} {#if (data.seguidores.response?.length || 0) === 0}
<h3>No hay Seguidores</h3> <h3>No hay Seguidores</h3>
{:else} {:else}
{#each data.seguidores.response as seguidores (seguidores.id)} <div class="flex -space-x-2">
<p class="text-muted-foreground"> {#each data.seguidores.response as seguidores (seguidores.id)}
{seguidores.username} <a href={resolve('/[perfil]', { perfil: seguidores.username })}>
</p> <Avatar class="h-8 w-8 border-2 border-background">
{/each} <AvatarImage src={seguidores.imageUrl} alt={seguidores.username} />
<AvatarFallback class="text-xs">
{seguidores.displayName?.[0] || ''}
</AvatarFallback>
</Avatar>
</a>
{/each}
</div>
{/if} {/if}
</CardContent> </CardContent>
</CardContent> </CardContent>