Fix UI for inventory page 2

This commit is contained in:
Urtzi Alfaro
2025-09-15 15:36:13 +02:00
parent 65a53c6d16
commit dd4016e217

View File

@@ -366,11 +366,13 @@ const InventoryPage: React.FC = () => {
description="Controla el stock de ingredientes y materias primas" description="Controla el stock de ingredientes y materias primas"
actions={[ actions={[
{ {
id: "new", id: "add-new-item",
label: "Nuevo Artículo", label: "Nuevo Artículo",
variant: "primary" as const, variant: "primary" as const,
icon: Plus, icon: Plus,
onClick: handleNewItem onClick: handleNewItem,
tooltip: "Agregar nuevo artículo al inventario",
size: "md"
} }
]} ]}
/> />
@@ -465,9 +467,14 @@ const InventoryPage: React.FC = () => {
<p className="text-[var(--text-secondary)] mb-4"> <p className="text-[var(--text-secondary)] mb-4">
Intenta ajustar la búsqueda o agregar un nuevo artículo al inventario Intenta ajustar la búsqueda o agregar un nuevo artículo al inventario
</p> </p>
<Button onClick={handleNewItem}> <Button
<Plus className="w-4 h-4 mr-2" /> onClick={handleNewItem}
Nuevo Artículo variant="primary"
size="md"
className="font-medium px-6 py-3 shadow-sm hover:shadow-md transition-all duration-200"
>
<Plus className="w-4 h-4 mr-2 flex-shrink-0" />
<span>Nuevo Artículo</span>
</Button> </Button>
</div> </div>
)} )}