Compare commits
2 commits
65e5bf16b5
...
6e29418ba9
| Author | SHA1 | Date | |
|---|---|---|---|
| 6e29418ba9 | |||
| 65483bf6e0 |
2 changed files with 17 additions and 4 deletions
5
Makefile
Normal file
5
Makefile
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
build:
|
||||
docker build -t foxgirlriley/jellyglass:latest .
|
||||
|
||||
run: build
|
||||
docker run -p 5000:5000 foxgirlriley/jellyglass:latest
|
||||
|
|
@ -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 => {
|
||||
{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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue