-
- {logs.map((v, k) => (
-
- {v}
-
-
- ))}
-
-
+
+
+ {logs.length === 0 &&
+ [...Array(20).keys()].map((_v, i) => )}
+ {logs.length > 0 &&
+ logs.map((v, k) => (
+
+ {v}
+
+ ))}
+
+
{rcon && rcon.rconLive && !rcon.rconError && (
-
+
)}
{!(rcon && rcon.rconLive && !rcon.rconError) && (
diff --git a/src/components/servers/ServerCard.jsx b/src/components/servers/ServerCard.jsx
index ac0ffd0..0b6f724 100644
--- a/src/components/servers/ServerCard.jsx
+++ b/src/components/servers/ServerCard.jsx
@@ -14,10 +14,11 @@ import PlayArrowIcon from "@mui/icons-material/PlayArrow";
import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
import EditIcon from "@mui/icons-material/Edit";
import FolderIcon from "@mui/icons-material/Folder";
+import BackupIcon from "@mui/icons-material/Backup";
import { Link } from "react-router-dom";
export default function ServerCard(props) {
- const { server, openRcon } = props;
+ const { server, openRcon, openBackups } = props;
const { name, id, metrics, ftpAvailable, serverAvailable, services } = server;
const startServer = useStartServer(id);
const stopServer = useStopServer(id);
@@ -117,6 +118,14 @@ export default function ServerCard(props) {
>
+
+
+
-
+
{
@@ -31,6 +35,11 @@ export default function Home() {
rconToggle();
};
+ const openBackups = (s) => () => {
+ setServer(s);
+ backupsToggle();
+ };
+
return (
@@ -51,10 +60,20 @@ export default function Home() {
{!isLoading &&
servers.map((s, k) => (
-
+
))}
+