nilsjohan/recipe-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add error handling for missing recipe ID in EditRecipePage

Browse Source
This commit is contained in:
Nils-Johan Gynther
2026-04-10 17:59:34 +02:00
parent a1f8fe228c
commit 650a1bb55c
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/recipes/[id]/edit/page.tsx
+7 -1
View File
@@ -8,7 +8,7 @@ import type { Product, Recipe } from '../../../../features/inventory/types';
export default function EditRecipePage() { export default function EditRecipePage() {
const router = useRouter(); const router = useRouter();
const params = useParams(); const params = useParams();
const recipeId = Array.isArray(params.id) ? params.id[0] : params.id; const recipeId = params && (Array.isArray(params.id) ? params.id[0] : params.id);
const [recipe, setRecipe] = useState({ const [recipe, setRecipe] = useState({
name: '', name: '',
@@ -23,6 +23,12 @@ export default function EditRecipePage() {
useEffect(() => { useEffect(() => {
const loadData = async () => { const loadData = async () => {
if (!recipeId) {
setError('Receptet hittades inte.');
setIsLoading(false);
return;
}
try { try {
// Ladda produkter // Ladda produkter
const productsData = await fetchJson<Product[]>('/api/products'); const productsData = await fetchJson<Product[]>('/api/products');