import React, { useEffect, useState } from 'react'; import type { ReactElement } from 'react'; import Head from 'next/head'; import LayoutGuest from '../../layouts/Guest'; import WebSiteHeader from '../../components/WebPageComponents/Header'; import WebSiteFooter from '../../components/WebPageComponents/Footer'; type User = { id: string; firstName: string; lastName: string; email: string; }; export default function Users() { const [users, setUsers] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { fetch('/api/users') .then((res) => res.json()) .then((data) => { setUsers(data.rows); setLoading(false); }) .catch(() => setLoading(false)); }, []); return (
Users - Strategic Intelligence Engine

Users

{loading ? (

Loading users...

) : (
{users.map((user) => (

{user.firstName} {user.lastName}

{user.email}

))}
)}
); } Users.getLayout = function getLayout(page: ReactElement) { return {page}; };