[FEATURE] Fixed file manager and adjusted starting display (#5)

Co-authored-by: Dunemask <dunemask@gmail.com>
Reviewed-on: https://gitea.dunemask.dev/elysium/minecluster/pulls/5

src/pages/CreateOptions.jsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 import Autocomplete from "@mui/material/Autocomplete";
 import TextField from "@mui/material/TextField";
 import Box from "@mui/material/Box";
@@ -24,6 +25,7 @@ export default function Create() {
   const [wl, setWl] = useState([]);
   const [ops, setOps] = useState([]);
   const [spec, setSpec] = useState(defaultServer);
+  const nav = useNavigate();
   const versionList = useVersionList();
   const [versions, setVersions] = useState(["latest"]);
   const createServer = useCreateServer(spec);
@@ -86,11 +88,11 @@ export default function Create() {
       updateSpec("whitelist", newWl.join(","));
     };
 
-  const opUpdate = (e) => alert("Op not implimented");
-
-  function upsertSpec() {
+  async function upsertSpec() {
     if (validateSpec() !== "validated") return;
-    createServer(spec);
+    createServer(spec)
+      .then(() => nav("/"))
+      .catch(alert);
   }
 
   function validateSpec() {

src/pages/Home.jsx

@@ -53,12 +53,7 @@ export default function Home() {
             <ServerCard key={k} server={s} openRcon={openRcon(s.name)} />
           ))}
       </Box>
-      <RconDialog
-        keepMounted
-        open={rdOpen}
-        dialogToggle={rconToggle}
-        serverName={server}
-      />
+      <RconDialog open={rdOpen} dialogToggle={rconToggle} serverName={server} />
       <Button
         component={Link}
         to="/mcl/create"