fix: Arregladas updates del panel de admin

This commit is contained in:
2026-02-16 18:41:21 -03:00
parent c96df5af92
commit 022623e22c
5 changed files with 46 additions and 23 deletions

View File

@@ -25,6 +25,7 @@
import AgregarUsuario from './admin/AgregarUsuario.svelte';
import DarAdmin from './admin/DarAdmin.svelte';
import { busquedaAdminUsuarios } from '@/hooks/busquedaAdminUsuarios';
import { invalidate, replaceState } from '$app/navigation';
interface Props {
usuarios: UserResponseDto[];
@@ -33,7 +34,17 @@
let { usuarios = $bindable(), hayMas }: Props = $props();
let hayMass = $state(hayMas);
let paginaActual = $derived.by(() => {
const url = new URL(window.location.href);
return Number(url.searchParams.get('p')) || 1;
});
let search = $derived.by(() => {
const url = new URL(window.location.href);
let ret = url.searchParams.get('q') || '';
return ret;
});
let hayMass = $derived(hayMas);
let open = $state(false);
let openModificarUsuario = $state(false);
let openDarAdmin = $state(false);
@@ -45,13 +56,11 @@
let usuarioModificar: UserResponseDto | null = $state(null);
let usuarioDarAdmin: UserResponseDto | null = $state(null);
let search = $state('');
type SortKey = 'username' | 'displayName' | 'postsCount' | 'createdAt';
let sortBy = $state<SortKey | null>(null);
let sortDirection = $state<'asc' | 'desc'>('asc');
let usuariosFiltrados = $state(usuarios);
let usuariosFiltrados = $derived(usuarios);
function ordenarPor(campo: SortKey) {
if (sortBy === campo) {
@@ -95,11 +104,17 @@
}
timeoutId = setTimeout(async () => {
if (search === '') {
search = '';
const url = new URL(window.location.href);
if (!search.trim()) {
url.searchParams.delete('q');
} else {
url.searchParams.set('q', search);
}
replaceState(url, {});
let ret = await busquedaAdminUsuarios(search, ITEMS_POR_PAGINA, paginaActual);
usuariosFiltrados = ret.usuarios;
// invalidate('admin:load');
hayMass = ret.hayMas;
}, 200);
@@ -109,8 +124,6 @@
}
const ITEMS_POR_PAGINA = 5;
let paginaActual = $state(1);
// const usuariosPaginados = $derived(
// usuariosFiltrados.slice((paginaActual - 1) * ITEMS_POR_PAGINA, paginaActual * ITEMS_POR_PAGINA)
// );
@@ -245,7 +258,9 @@
<Button
disabled={paginaActual === 1}
onclick={() => {
paginaActual--;
const url = new URL(window.location.href);
url.searchParams.set('p', String(--paginaActual));
replaceState(url, {});
buscarUsuarios();
}}
variant="secondary"
@@ -256,7 +271,9 @@
<Button
disabled={!hayMass}
onclick={() => {
paginaActual++;
const url = new URL(window.location.href);
url.searchParams.set('p', String(++paginaActual));
replaceState(url, {});
buscarUsuarios();
}}
variant="secondary">Siguiente</Button

View File

@@ -10,6 +10,7 @@
import Label from '../ui/label/label.svelte';
import Spinner from '../ui/spinner/spinner.svelte';
import { updateUsuario } from '@/hooks/updateUsuario';
import { invalidate } from '$app/navigation';
interface Prop {
open: boolean;
@@ -38,6 +39,7 @@
error = ret;
} else {
usuario!.displayName = ret.displayName;
invalidate('admin:load');
open = false;
}
cargando = false;