bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 13 Actions Packages Projects Releases Wiki Activity

Avoid infinite loop loading the list of guests #62

Merged
bustikiller merged 2 commits from fix/infinite-loop into main 2024-10-27 11:10:45 +00:00
Conversation 0 Commits 2 Files Changed 1 +25 -17
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 63d4420806 - Show all commits

20
app/ui/guests/table.tsx
View File

@ -1,12 +1,15 @@
import { Guest } from '@/app/lib/definitions'; 'use client';
import clsx from 'clsx'; import clsx from 'clsx';
import React, { useState, useEffect } from 'react';
import { Guest } from '@/app/lib/definitions';
export default async function guestsTable() { export default function guestsTable() {
function loadGuests() {
let guests: Guest[] = await fetch("http://localhost:3001/guests.json") fetch("http://localhost:3001/guests.json")
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
return data.data.map((record: any) => { setGuests(data.data.map((record: any) => {
return ({ return ({
id: record.id, id: record.id,
name: record.attributes.name, name: record.attributes.name,
@ -14,10 +17,15 @@ export default async function guestsTable() {
group_name: record.attributes.group_name, group_name: record.attributes.group_name,
status: record.attributes.status status: record.attributes.status
}); });
}); }));
}, (error) => { }, (error) => {
return []; return [];
}); });
}
const [guests, setGuests] = useState<Array<Guest>>([]);
guests.length === 0 && loadGuests();
return ( return (
<div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg"> <div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg">