mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-01 13:10:44 -03:00
añadido boton de seguir a las respuestas
This commit is contained in:
@@ -13,7 +13,10 @@
|
||||
import CardError from './CardError.svelte';
|
||||
import { cacheSeguidos } from '@/stores/cacheSeguidos.svelte';
|
||||
|
||||
let { post }: { post: Omit<Partial<Post>, 'authorId'> & { authorId: string } } = $props();
|
||||
let {
|
||||
post,
|
||||
variant = 'icon-lg'
|
||||
}: { post: Omit<Partial<Post>, 'authorId'> & { authorId: string }; variant?: string } = $props();
|
||||
|
||||
let seguido: Boolean | null = $state(null);
|
||||
|
||||
@@ -59,7 +62,7 @@
|
||||
<Button
|
||||
variant={seguido == true ? 'destructive' : 'outline'}
|
||||
disabled={seguido == null}
|
||||
size="icon-lg"
|
||||
size={variant}
|
||||
onclick={async () => {
|
||||
if (seguido == null) return;
|
||||
const anteriorEstado = seguido;
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user