From 4ec5b0bb613f8c60b32c69ba54b3f56084452f90 Mon Sep 17 00:00:00 2001 From: TaxisTim-Luca <Tim-Luca.Taxis@Student.Reutlingen-University.DE> Date: Mon, 10 Jun 2024 16:58:47 +0200 Subject: [PATCH] changed --- dmwt_session10/src/components/FruitList.js | 6 +++--- dmwt_session10/src/pages/API/list-fruits.js | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/dmwt_session10/src/components/FruitList.js b/dmwt_session10/src/components/FruitList.js index 235ac52..903f372 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 1730e3b..b23c3bc 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 }); -- GitLab