mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-08 14:20:44 -03:00
fetch de usuarios ya funcional junto con la ui de usurios
This commit is contained in:
38
src/lib/components/TablaUsuarios.svelte
Normal file
38
src/lib/components/TablaUsuarios.svelte
Normal file
@@ -0,0 +1,38 @@
|
||||
<script lang="ts">
|
||||
import TableBody from '@/components/ui/table/table-body.svelte';
|
||||
import TableCell from '@/components/ui/table/table-cell.svelte';
|
||||
import TableHead from '@/components/ui/table/table-head.svelte';
|
||||
import TableHeader from '@/components/ui/table/table-header.svelte';
|
||||
import TableRow from '@/components/ui/table/table-row.svelte';
|
||||
import Table from '@/components/ui/table/table.svelte';
|
||||
import type { UserResponseDto } from '../../../types';
|
||||
|
||||
interface Props {
|
||||
usuarios: UserResponseDto[];
|
||||
}
|
||||
|
||||
let { usuarios }: Props = $props();
|
||||
</script>
|
||||
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>Usuario</TableHead>
|
||||
<TableHead>Nombre</TableHead>
|
||||
<TableHead>Cantidad de posts</TableHead>
|
||||
<TableHead>Fecha de Creacion</TableHead>
|
||||
<TableHead>Acciones</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{#each usuarios as usuario}
|
||||
<TableRow>
|
||||
<TableCell>@{usuario.username}</TableCell>
|
||||
<TableCell>{usuario.displayName}</TableCell>
|
||||
<TableCell>?</TableCell>
|
||||
<TableCell>{usuario.createdAt.replace('Z', ' ').replace('T', ' | ')}</TableCell>
|
||||
<TableCell>?</TableCell>
|
||||
</TableRow>
|
||||
{/each}
|
||||
</TableBody>
|
||||
</Table>
|
||||
@@ -85,6 +85,7 @@
|
||||
<TooltipTrigger class="*: flex">
|
||||
<InputGroupButton
|
||||
variant="default"
|
||||
disabled={cargando}
|
||||
type="submit"
|
||||
class="transform rounded-full transition-transform ease-in hover:scale-120"
|
||||
size="xs"
|
||||
|
||||
Reference in New Issue
Block a user