feat(F-050): completed feature

This commit is contained in:
chattie
2026-08-19 07:54:36 +02:00
parent e86034a62c
commit 984f278bca
32 changed files with 472 additions and 131 deletions

View File

@@ -98,7 +98,7 @@ export default function OrderDetailPage() {
if (loading) {
return (
<div className="p-8 flex items-center justify-center min-h-64">
<div className="flex items-center justify-center min-h-64">
<div className="text-gray-400">Cargando...</div>
</div>
);
@@ -106,7 +106,7 @@ export default function OrderDetailPage() {
if (error || !order) {
return (
<div className="p-8">
<div>
<p className="text-red-600">{error || 'Pedido no encontrado'}</p>
<button onClick={load} className="text-sm text-[#2D6A4F] hover:underline mt-2">
Reintentar
@@ -119,14 +119,14 @@ export default function OrderDetailPage() {
const allowed = ALLOWED_TRANSITIONS[currentState] ?? [];
return (
<div className="p-8">
<div className="space-y-6">
{/* Back */}
<Link href="/orders" className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6">
<Link href="/orders" className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700">
Volver a pedidos
</Link>
{/* Header */}
<div className="flex items-start justify-between mb-8">
<div className="flex items-start justify-between">
<div>
<h1 className="text-2xl font-bold text-gray-900 font-mono">#{order.id.slice(0, 8)}</h1>
<p className="text-sm text-gray-500 mt-1">

View File

@@ -131,12 +131,12 @@ export default function OrdersPage() {
{/* Table */}
<div className="bg-white border border-gray-200 rounded-xl overflow-hidden">
{loading ? (
<div className="p-8 text-center text-gray-400">
<div className="text-center text-gray-400">
<div className="inline-block animate-spin h-5 w-5 border-2 border-gray-300 border-t-[#2D6A4F] rounded-full" />
<p className="mt-2 text-sm">Cargando...</p>
</div>
) : error ? (
<div className="p-8 text-center">
<div className="text-center">
<p className="text-red-600 text-sm mb-3">{error}</p>
<button onClick={load} className="text-sm text-[#2D6A4F] hover:underline">
Reintentar