Makefile

@@ -1,5 +0,0 @@
-build:
-	docker build -t foxgirlriley/jellyglass:latest .
-
-run: build
-	docker run -p 5000:5000 foxgirlriley/jellyglass:latest

frontend/src/Components/ServerList/ServerList.tsx

@@ -1,10 +1,9 @@
 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> | undefined>();
+  const [servers, setServers] = useState<Array<Server>>([]);
 
   useEffect(() => {
     getServerList().then(serverList => {
@@ -14,16 +13,9 @@ const ServerList = () => {
 
   return (
     <div style={{ display: "flex", flexDirection: "row", flexWrap: "wrap" }}>
-      {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 />
-      }
+      {servers.map(server => {
+        return (<ServerCard name={server.owner} online={true} linkTo={server.url} key={server.name} />)
+      })}
     </div>
   )
 }