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

añadido boton de seguir a las respuestas

Browse Source
This commit is contained in:
fedpo
2026-01-08 12:23:02 -03:00
parent 65fe89ed5a
commit b69e2f19ab
2 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/post/[idpost]/+page.svelte
View File

@@ -17,6 +17,7 @@
import { likePost } from '@/hooks/likePost';
import ThumbsUp from '@lucide/svelte/icons/thumbs-up';
import { TamañoPantalla } from './TamañoPantalla.svelte';
import BotonSeguir from '@/components/BotonSeguir.svelte';
interface Prop {
data: {
@@ -115,22 +116,29 @@
{#snippet Respuesta(post: Post)}
<div class="ml-2 flex-1">
<div class="flex items-center space-x-1">
{#if post.authorImageUrl}
<img
src={post.authorImageUrl}
alt={post.authorDisplayName}
class="h-8 w-8 shrink-0 rounded-full object-cover"
/>
{:else}
<div
class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-300 text-xs font-medium text-white"
>
{post.authorName?.charAt(0).toUpperCase()}
<div class="flex justify-between">
<div class="flex items-center space-x-1">
{#if post.authorImageUrl}
<img
src={post.authorImageUrl}
alt={post.authorDisplayName}
class="h-8 w-8 shrink-0 rounded-full object-cover"
/>
{:else}
<div
class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-300 text-xs font-medium text-white"
>
{post.authorName?.charAt(0).toUpperCase()}
</div>
{/if}
<span class="text-sm font-semibold">@{post.authorName}</span>
<span class="text-xs text-gray-500">{new Date(post.createdAt).toLocaleDateString()}</span>
</div>
{#key $sesionStore?.accessToken}
<div class="flex gap-2">
<BotonSeguir {post} variant="icon-sm" />
</div>
{/if}
<span class="text-sm font-semibold">@{post.authorName}</span>
<span class="text-xs text-gray-500">{new Date(post.createdAt).toLocaleDateString()}</span>
{/key}
</div>
<p class=" mt-1 line-clamp-2 rounded-md p-2 text-lg">
{post.content}