feat(product): trigger product list refresh on product creation event

This commit is contained in:
Nils-Johan Gynther
2026-04-19 19:22:46 +02:00
parent 829b7a80fc
commit a7680b40af
2 changed files with 7 additions and 3 deletions
@@ -69,6 +69,12 @@ export default function AdminProductList() {
refetchProducts(); refetchProducts();
}, [refetchProducts]); }, [refetchProducts]);
useEffect(() => {
const handler = () => refetchProducts();
window.addEventListener('product-created', handler);
return () => window.removeEventListener('product-created', handler);
}, [refetchProducts]);
useEffect(() => { useEffect(() => {
fetch('/api/categories') fetch('/api/categories')
.then((r) => r.json()) .then((r) => r.json())
+1 -3
View File
@@ -1,12 +1,10 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import { useRouter } from 'next/navigation';
export default function ProductForm() { export default function ProductForm() {
const [isPending, setIsPending] = useState(false); const [isPending, setIsPending] = useState(false);
const [error, setError] = useState<string | null>(null); const [error, setError] = useState<string | null>(null);
const router = useRouter();
return ( return (
<form <form
@@ -29,7 +27,7 @@ export default function ProductForm() {
throw new Error(data?.error || 'Kunde inte skapa produkt'); throw new Error(data?.error || 'Kunde inte skapa produkt');
} }
form.reset(); form.reset();
router.refresh(); window.dispatchEvent(new CustomEvent('product-created'));
} catch (err) { } catch (err) {
setError(err instanceof Error ? err.message : 'Okänt fel'); setError(err instanceof Error ? err.message : 'Okänt fel');
} finally { } finally {