diff --git a/dmwt_session10/src/components/FruitList.js b/dmwt_session10/src/components/FruitList.js index 235ac52d60f76974d64260df96139caa7de74508..903f372e40610b37d28709ec9484df932f26cc9a 100644 --- a/dmwt_session10/src/components/FruitList.js +++ b/dmwt_session10/src/components/FruitList.js @@ -4,7 +4,7 @@ import useSWR from 'swr'; const fetcher = url => fetch(url).then(res => res.json()); const FruitList = () => { - const { data: fruits, isLoading, error, mutate } = useSWR('/api/list-fruits', fetcher, { + const { data: fruits, error } = useSWR('/api/list-fruits', fetcher, { revalidateOnFocus: false, revalidateOnReconnect: false, }); @@ -13,13 +13,13 @@ const FruitList = () => { return <p>Failed to fetch</p>; } - if (isLoading) { + if (!fruits) { return <p>Loading fruits...</p>; } return ( <ul> - {fruits && fruits.length > 0 ? ( + {fruits.length > 0 ? ( fruits.map((fruit, index) => ( <li key={index}> {fruit['Deutscher Name']} ({fruit['Lateinischer Name']}), {fruit.Farbe}, {fruit.Herkunft}, {fruit.Kalorien} kcal diff --git a/dmwt_session10/src/pages/API/list-fruits.js b/dmwt_session10/src/pages/API/list-fruits.js index 1730e3b997f54af4e43569b8a1868476f530bf75..b23c3bcfb3c662a32a1c1cea5328d753d45d2e76 100644 --- a/dmwt_session10/src/pages/API/list-fruits.js +++ b/dmwt_session10/src/pages/API/list-fruits.js @@ -3,8 +3,8 @@ import { sql } from '@vercel/postgres'; export default async function handler(request, response) { if (request.method === 'GET') { try { - const fruits = await sql`SELECT * FROM obst;`; - return response.status(200).json(fruits.rows); // Ensure you return the rows + const { rows: fruits } = await sql`SELECT * FROM obst;`; + return response.status(200).json(fruits); } catch (error) { console.error('Error during request processing:', error); return response.status(500).json({ error: error.message });