Recipe-app main

2026-04-09 09:14:39 +02:00
commit 962f4e4be5
10015 changed files with 2445177 additions and 0 deletions
@@ -0,0 +1,50 @@
+import { fetchJson } from '../../../lib/api';
+import type { Product } from '../../../features/inventory/types';
+import CanonicalNameForm from './CanonicalNameForm';
+import MergePreviewForm from './MergePreviewForm';
+
+export default async function AdminProductsPage() {
+  const products = await fetchJson<Product[]>('/api/products');
+
+  return (
+    <main style={{ padding: '1.5rem', maxWidth: '1100px', margin: '0 auto' }}>
+      <h1>Admin: Produkter</h1>
+      <p>Här kan du granska och standardisera produktnamn.</p>
+
+      <MergePreviewForm products={products} />
+
+      <div style={{ display: 'grid', gap: '1rem' }}>
+        {products.map((product) => (
+          <article
+            key={product.id}
+            style={{
+              border: '1px solid #ddd',
+              borderRadius: '8px',
+              padding: '1rem',
+              display: 'grid',
+              gap: '0.5rem',
+            }}
+          >
+            <div>
+              <strong>ID:</strong> {product.id}
+            </div>
+            <div>
+              <strong>Namn:</strong> {product.name}
+            </div>
+            <div>
+              <strong>Canonical name:</strong> {product.canonicalName || 'Saknas'}
+            </div>
+            <div>
+              <strong>Normalized:</strong> {product.normalizedName}
+            </div>
+
+            <CanonicalNameForm
+              id={product.id}
+              currentCanonicalName={product.canonicalName}
+            />
+          </article>
+        ))}
+      </div>
+    </main>
+  );
+}