[FEATURE] Adjusted Creation options & Fixed RCON Formatting

src/components/server-options/BackupHostOption.jsx

@@ -6,7 +6,7 @@ export default function BackupHostOption(props) {
     <TextField
       label="Backup Host"
       onChange={onChange}
-      value={value}
+      value={value ?? ""}
       helperText="Example: s3.mydomain.com"
       FormHelperTextProps={{ sx: { ml: 0 } }}
       required

src/components/server-options/BackupIdOption.jsx

@@ -5,7 +5,7 @@ export default function BackupIdOption(props) {
   return (
     <TextField
       label="S3 Access Key ID"
-      value={value}
+      value={value ?? ""}
       onChange={onChange}
       helperText="Example: s3-access-key-id"
       FormHelperTextProps={{ sx: { ml: 0 } }}

src/components/server-options/BackupKeyOption.jsx

@@ -1,10 +1,11 @@
 import TextField from "@mui/material/TextField";
 export default function BackupKeyOption(props) {
-  const { onChange } = props;
+  const { value, onChange } = props;
 
   return (
     <TextField
       label="S3 Access Key"
+      value={value ?? ""}
       onChange={onChange}
       helperText="Example: s3-access-key"
       FormHelperTextProps={{ sx: { ml: 0 } }}

src/components/servers/RconSocket.js

@@ -22,7 +22,7 @@ export default class RconSocket {
 
   onRconError(v) {
     this.rconLive = false;
-    console.log("Server sent" + v);
+    console.log("Server sent: ", v);
   }
 
   onConnect() {

src/pages/CreateCoreOptions.jsx

@@ -117,33 +117,31 @@ export default function CreateCoreOptions() {
             sx={{ mr: "auto" }}
           />
         )}
-        {backupEnabled &&
-          spec.storage !==
-            0(
-              <FormControl
-                fullWidth
-                sx={{ mt: "2rem", display: "flex", gap: ".5rem" }}
-              >
-                <Typography variant="h6">Backups</Typography>
-                <BackupHostOption
-                  value={spec.backupHost}
-                  onChange={coreUpdate("backupHost")}
-                />
-                <BackupBucketOption
-                  value={spec.backupBucket}
-                  onChange={coreUpdate("backupBucket")}
-                />
-                <BackupIdOption
-                  value={spec.backupId}
-                  onChange={coreUpdate("backupId")}
-                />
-                <BackupKeyOption
-                  value={spec.backupKey}
-                  onChange={coreUpdate("backupKey")}
-                />
-                <BackupIntervalOption onChange={coreUpdate("backupInterval")} />
-              </FormControl>,
-            )}
+        {backupEnabled && spec.storage !== 0 && (
+          <FormControl
+            fullWidth
+            sx={{ mt: "2rem", display: "flex", gap: ".5rem" }}
+          >
+            <Typography variant="h6">Backups</Typography>
+            <BackupHostOption
+              value={spec.backupHost}
+              onChange={coreUpdate("backupHost")}
+            />
+            <BackupBucketOption
+              value={spec.backupBucket}
+              onChange={coreUpdate("backupBucket")}
+            />
+            <BackupIdOption
+              value={spec.backupId}
+              onChange={coreUpdate("backupId")}
+            />
+            <BackupKeyOption
+              value={spec.backupKey}
+              onChange={coreUpdate("backupKey")}
+            />
+            <BackupIntervalOption onChange={coreUpdate("backupInterval")} />
+          </FormControl>
+        )}
 
         <Button onClick={upsertSpec} variant="contained">
           Create