From 27eae9cb62f188e49bc893e1a2d68a30a3a4be0d Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Mon, 8 Dec 2025 13:53:44 -0300
Subject: [PATCH] =?UTF-8?q?a=C3=B1adido=20un=20skeleton=20de=20la=20ui=20p?=
 =?UTF-8?q?ara=20el=20adjuntar=20imagenes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/crear-post.svelte | 52 ++++++++++++++++------------
 1 file changed, 30 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/crear-post.svelte b/src/lib/components/crear-post.svelte
index 7aa3710..0078df4 100644
--- a/src/lib/components/crear-post.svelte
+++ b/src/lib/components/crear-post.svelte
@@ -4,6 +4,7 @@
 	import InputGroupTextarea from './ui/input-group/input-group-textarea.svelte';
 	import InputGroup from './ui/input-group/input-group.svelte';
 	import ArrowUpIcon from '@lucide/svelte/icons/arrow-up';
+	import Paperclip from '@lucide/svelte/icons/paperclip';
 	import Loader2Icon from '@lucide/svelte/icons/loader-2';
 	import Kbd from './ui/kbd/kbd.svelte';
 
@@ -15,6 +16,8 @@
 	import TooltipContent from './ui/tooltip/tooltip-content.svelte';
 	import TooltipTrigger from './ui/tooltip/tooltip-trigger.svelte';
 	import { publicarPost } from '@/hooks/publicarPost';
+	import Button from './ui/button/button.svelte';
+	import InputGroupInput from './ui/input-group/input-group-input.svelte';
 
 	let mensaje = $state('');
 
@@ -57,28 +60,33 @@
 					</p>
 					/ 280
 				</Kbd>
-				<Tooltip>
-					<TooltipTrigger class="*: flex">
-						<InputGroupButton
-							variant="default"
-							disabled={cargando}
-							type="submit"
-							class="transform rounded-full transition-transform ease-in hover:scale-120"
-							size="xs"
-						>
-							{#if cargando}
-								<Loader2Icon class="animate-spin" />
-								Publicando...
-							{:else}
-								Publicar
-								<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
-							{/if}
-						</InputGroupButton>
-					</TooltipTrigger>
-					<TooltipContent>
-						<Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd>
-					</TooltipContent>
-				</Tooltip>
+				<div class="flex items-center gap-2">
+					<InputGroupButton size="icon-sm" variant="outline" class="rounded-full">
+						<Paperclip />
+					</InputGroupButton>
+					<Tooltip>
+						<TooltipTrigger class="*: flex">
+							<InputGroupButton
+								variant="default"
+								disabled={cargando}
+								type="submit"
+								class="transform rounded-full transition-transform ease-in hover:scale-120"
+								size="xs"
+							>
+								{#if cargando}
+									<Loader2Icon class="animate-spin" />
+									Publicando...
+								{:else}
+									Publicar
+									<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
+								{/if}
+							</InputGroupButton>
+						</TooltipTrigger>
+						<TooltipContent>
+							<Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd>
+						</TooltipContent>
+					</Tooltip>
+				</div>
 			</div>
 		</InputGroupAddon>
 	</InputGroup>