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)
Some checks failed
Check usage of free licenses / build-static-assets (push) Successful in 30s
Details
Build Nginx-based docker image / build-static-assets (push) Failing after 2m17s
Details
Playwright Tests / test (push) Successful in 3m1s
Details

Browse Source 
Reviewed-on: #62
Co-authored-by: Manuel Bustillo <bustikiller@bustikiller.com>
Co-committed-by: Manuel Bustillo <bustikiller@bustikiller.com>
This commit is contained in:
Manuel Bustillo 2024-10-27 11:10:45 +00:00 committed by bustikiller
parent 7c6f00155a
commit 8aef089a7e
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,31 +1,31 @@
'use client' 'use client';
import { Guest } from '@/app/lib/definitions';
import SkeletonRow from './skeleton-row';
import { Suspense } from 'react';
import clsx from 'clsx'; import clsx from 'clsx';
import React, { useState, useEffect } from 'react';
import { Guest } from '@/app/lib/definitions';
export function TableHeader() { export default function guestsTable() {
function loadGuests() {
} fetch("http://localhost:3001/guests.json")
.then((response) => response.json())
export default async function guestsTable() { .then((data) => {
setGuests(data.data.map((record: any) => {
let guests: Guest[] = await fetch("http://localhost:3001/guests.json") return ({
.then((response) => response.json()) id: record.id,
.then((data) => { name: record.attributes.name,
return data.data.map((record: any) => { email: record.attributes.email,
return ({ group_name: record.attributes.group_name,
id: record.id, status: record.attributes.status
name: record.attributes.name, });
email: record.attributes.email, }));
group_name: record.attributes.group_name, }, (error) => {
status: record.attributes.status return [];
});
}); });
}, (error) => { }
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">