foxgirlriley/JellyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added loading spinner and error message

Browse source
This commit is contained in:
Fishandchips321 2026-02-23 15:06:58 +00:00
parent 65483bf6e0
commit 6e29418ba9
1 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/Components/ServerList/ServerList.tsx
View file

@ -1,9 +1,10 @@
import { useEffect, useState } from "react";
import ServerCard from "./ServerCard/ServerCard";
import { getServerList, type Server } from "../../Lib/Servers";
import { Spinner } from "react-bootstrap";
const ServerList = () => {
const [servers, setServers] = useState<Array<Server>>([]);
const [servers, setServers] = useState<Array<Server> | undefined>();
useEffect(() => {
getServerList().then(serverList => {
@ -13,9 +14,16 @@ const ServerList = () => {
return (
<div style={{ display: "flex", flexDirection: "row", flexWrap: "wrap" }}>
{servers.map(server => {
return (<ServerCard name={server.owner} online={true} linkTo={server.url} key={server.name} />)
})}
{servers ?
servers.length > 0 ?
servers.map(server => {
return (<ServerCard name={server.owner} online={true} linkTo={server.url} key={server.name} />)
})
:
<h1>No servers found</h1>
:
<Spinner />
}
</div>
)
}