feat(products): update event handling for product list refresh on creation and reset actions

This commit is contained in:
Nils-Johan Gynther
2026-04-19 19:25:02 +02:00
parent a7680b40af
commit 6e297403d6
4 changed files with 7 additions and 10 deletions
@@ -72,7 +72,11 @@ export default function AdminProductList() {
useEffect(() => {
const handler = () => refetchProducts();
window.addEventListener('product-created', handler);
return () => window.removeEventListener('product-created', handler);
window.addEventListener('product-list-changed', handler);
return () => {
window.removeEventListener('product-created', handler);
window.removeEventListener('product-list-changed', handler);
};
}, [refetchProducts]);
useEffect(() => {
@@ -1,7 +1,6 @@
'use client';
import { useState, useTransition, useEffect } from 'react';
import { useRouter } from 'next/navigation';
import type { MergePreview, Product } from '../../../features/inventory/types';
export default function MergePreviewForm() {
@@ -14,7 +13,6 @@ export default function MergePreviewForm() {
const [isPending, startTransition] = useTransition();
const [isConfirming, setIsConfirming] = useState(false);
const [isExpanded, setIsExpanded] = useState(false);
const router = useRouter();
useEffect(() => {
if (isExpanded && products.length === 0) {
@@ -96,7 +94,7 @@ export default function MergePreviewForm() {
setIsConfirming(false);
setSourceProductId('');
setTargetProductId('');
router.refresh();
window.dispatchEvent(new CustomEvent('product-list-changed'));
} catch (err) {
setError(err instanceof Error ? err.message : 'Okänt fel');
}
@@ -1,12 +1,10 @@
'use client';
import { useState } from 'react';
import { useRouter } from 'next/navigation';
export default function ResetProductsButton() {
const [isPending, setIsPending] = useState(false);
const [error, setError] = useState<string | null>(null);
const router = useRouter();
async function handleClick() {
if (
@@ -24,7 +22,7 @@ export default function ResetProductsButton() {
const data = await res.json().catch(() => ({}));
throw new Error(data?.error || 'Återställning misslyckades');
}
router.refresh();
window.dispatchEvent(new CustomEvent('product-list-changed'));
} catch (err) {
setError(err instanceof Error ? err.message : 'Okänt fel');
} finally {
@@ -1,7 +1,6 @@
'use client';
import { useState, useTransition } from 'react';
import { useRouter } from 'next/navigation';
type PendingProduct = {
id: number;
@@ -17,7 +16,6 @@ export default function PendingProductsClient({ products: initial }: { products:
const [isPending, startTransition] = useTransition();
const [error, setError] = useState<string | null>(null);
const [processing, setProcessing] = useState<number | null>(null);
const router = useRouter();
function handleAction(id: number, status: 'active' | 'rejected') {
setError(null);
@@ -34,7 +32,6 @@ export default function PendingProductsClient({ products: initial }: { products:
throw new Error(data?.error || 'Fel vid uppdatering');
}
setProducts((prev) => prev.filter((p) => p.id !== id));
router.refresh();
} catch (err) {
setError(err instanceof Error ? err.message : 'Fel vid uppdatering');
} finally {