[FEATURE] Adjusted Creation options & Fixed RCON Formatting

This commit is contained in:
Dunemask 2024-01-24 09:32:27 -07:00
parent e660465a59
commit a8928e249c
5 changed files with 30 additions and 31 deletions

View file

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

View file

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

View file

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

View file

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

View file

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