feat(product): trigger product list refresh on product creation event
This commit is contained in:
@@ -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,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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user