From 680ff35a2d489cda12210061d869674498981120 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Wed, 7 Jan 2026 16:42:24 -0300
Subject: [PATCH] =?UTF-8?q?a=C3=B1adido=20soporte=20de=20seguir=20usuarios?=
 =?UTF-8?q?=20en=20pagina=20de=20perfil=20y=20search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/BotonSeguir.svelte | 8 ++++----
 src/lib/components/UserCard.svelte    | 3 ++-
 src/routes/[perfil]/+page.svelte      | 4 ++++
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/BotonSeguir.svelte b/src/lib/components/BotonSeguir.svelte
index 0e31a04..f2c4c6c 100644
--- a/src/lib/components/BotonSeguir.svelte
+++ b/src/lib/components/BotonSeguir.svelte
@@ -15,7 +15,8 @@
 	import DialogContent from './ui/dialog/dialog-content.svelte';
 	import Dialog from './ui/dialog/dialog.svelte';
 
-	let { post }: { post: Post } = $props();
+	let { post }: { post: Omit<Partial<Post>, 'authorId'> & { authorId: string } } = $props();
+
 	let seguido: Boolean | null = $state(null);
 
 	if (typeof window !== 'undefined') {
@@ -56,10 +57,9 @@
 	<Tooltip>
 		<TooltipTrigger>
 			<Button
-				variant={seguido == true ? 'destructive' : 'default'}
+				variant={seguido == true ? 'destructive' : 'outline'}
 				disabled={seguido == null}
-				size="icon-sm"
-				class="ml-auto rounded-full p-1 text-sm"
+				size="icon-lg"
 				onclick={async () => {
 					if (seguido == null) return;
 					const anteriorEstado = seguido;
diff --git a/src/lib/components/UserCard.svelte b/src/lib/components/UserCard.svelte
index 117c679..005c6b2 100644
--- a/src/lib/components/UserCard.svelte
+++ b/src/lib/components/UserCard.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import type { UserResponseDto } from '../../types';
+	import BotonSeguir from './BotonSeguir.svelte';
 	import AvatarFallback from './ui/avatar/avatar-fallback.svelte';
 	import AvatarImage from './ui/avatar/avatar-image.svelte';
 	import Avatar from './ui/avatar/avatar.svelte';
@@ -31,7 +32,7 @@
 				<p class="text-sm text-muted-foreground">@{usu.username}</p>
 			</a>
 			<div>
-				<Button variant="outline">Seguir</Button>
+				<BotonSeguir post={{ authorId: usu.id }} />
 			</div>
 		</div>
 		{#if usu.bio}
diff --git a/src/routes/[perfil]/+page.svelte b/src/routes/[perfil]/+page.svelte
index ae807da..50d6836 100644
--- a/src/routes/[perfil]/+page.svelte
+++ b/src/routes/[perfil]/+page.svelte
@@ -18,6 +18,7 @@
 	import CardError from '@/components/CardError.svelte';
 	import CardPerfil from '@/components/CardPerfil.svelte';
 	import DialogModificarUsuario from '@/components/DialogModificarUsuario.svelte';
+	import BotonSeguir from '@/components/BotonSeguir.svelte';
 
 	let { params } = $props();
 
@@ -79,6 +80,7 @@
 			{#if params.perfil == $sesionStore?.username}
 				<Button
 					variant="ghost"
+					size="icon-sm"
 					class="m-1 rounded-full bg-blue-600"
 					onclick={() => {
 						showCrearPost = true;
@@ -86,6 +88,8 @@
 				>
 					<PenLine />
 				</Button>
+			{:else if $posts?.length == 0}
+				<BotonSeguir post={{ authorId: data.id }} />
 			{/if}
 		</h1>