From 18379cbbbfb90643570d4131c927c79c8c212b79 Mon Sep 17 00:00:00 2001
From: TroianoLuca <lucattroiano@gmail.com>
Date: Thu, 4 Dec 2025 00:08:34 -0300
Subject: [PATCH] Completado el filtrado de usuarios en /admin

---
 src/lib/components/TablaUsuarios.svelte | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/TablaUsuarios.svelte b/src/lib/components/TablaUsuarios.svelte
index 893c583..5bb5dcb 100644
--- a/src/lib/components/TablaUsuarios.svelte
+++ b/src/lib/components/TablaUsuarios.svelte
@@ -17,6 +17,7 @@
 	import DialogContent from './ui/dialog/dialog-content.svelte';
 	import ModificarUsuario from './admin/ModificarUsuario.svelte';
 	import { fade } from 'svelte/transition';
+	import type { Unsubscriber } from 'svelte/store';
 
 	interface Props {
 		usuarios: UserResponseDto[];
@@ -32,6 +33,17 @@
 
 	let usuarioModificar: UserResponseDto | null = $state(null);
 
+	let search = $state("");
+	let usuariosFiltrados = $derived(
+    usuarios.filter((u) =>
+        u.username.toLowerCase().startsWith(search.toLowerCase()) ||
+        u.displayName.toLowerCase().startsWith(search.toLowerCase())
+    	)
+	);
+	//let usuariosFiltrados = $derived(() => usuarios.filter((u) => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase())));
+	//let usuariosFiltrados = $derived(usuarios.filter(u => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase())));
+	//$: usuariosFiltrados = usuarios.filter(u => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase()));
+
 	$effect(() => {
 		if (!open) {
 			usuarioCambioPass = null;
@@ -49,6 +61,14 @@
 	}
 </script>
 
+<div class="mb-4">
+	<input type= "text"
+	placeholder="Buscar usuario..." 
+	bind:value={search}
+	class="border px-3 py-2 rounded w-full"
+	/>
+</div>
+
 <Table>
 	<TableHeader>
 		<TableRow>
@@ -60,7 +80,7 @@
 		</TableRow>
 	</TableHeader>
 	<TableBody>
-		{#each usuarios as usuario}
+		{#each usuariosFiltrados as usuario}
 			<TableRow>
 				<TableCell
 					>@<a href={'/' + usuario.username}>