Add basic frontend: sidebar, views and inventory table

2026-08-03 22:06:00 +00:00
parent 00ecb1862d
commit 871f4d0547
11 changed files with 373 additions and 1 deletions
@@ -0,0 +1,48 @@
+import { useState, useEffect } from 'react';
+import { AppLayout } from '../components/AppLayout';
+import { fetchObjects } from '../lib/api';
+
+export function InventoryView() {
+  const [objects, setObjects] = useState<Awaited<ReturnType<typeof fetchObjects>>>([]);
+
+  useEffect(() => {
+    fetchObjects().then(setObjects);
+  }, []);
+
+  return (
+    <AppLayout current="inventory" onNavigate={() => {}}>
+      <header className="header">
+        <h1 className="page-title">Inventory</h1>
+      </header>
+      <div className="card">
+        <table className="table">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Type</th>
+              <th>Vendor</th>
+              <th>Model</th>
+              <th>Status</th>
+            </tr>
+          </thead>
+          <tbody>
+            {objects.length === 0 && (
+              <tr>
+                <td colSpan={5} className="empty">Nessun oggetto</td>
+              </tr>
+            )}
+            {objects.map(o => (
+              <tr key={o.id}>
+                <td>{o.name}</td>
+                <td>{o.type}</td>
+                <td>{o.vendor ?? '-'}</td>
+                <td>{o.model ?? '-'}</td>
+                <td>{o.status ?? '-'}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </AppLayout>
+  );
+}