50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
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>
|
|
);
|
|
} |