From f277764cc084b4fd0227809cbceed937d3dbb223 Mon Sep 17 00:00:00 2001
From: Dunemask <dunemask@gmail.com>
Date: Mon, 12 Feb 2024 21:47:35 -0700
Subject: [PATCH] [FEATURE] Safely allow modifications

---
 src/components/server-options/ExtraPortsOption.jsx | 12 ++++++++++--
 src/components/server-options/HostOption.jsx       |  3 ++-
 src/pages/EditCoreOptions.jsx                      |  6 +++++-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/server-options/ExtraPortsOption.jsx b/src/components/server-options/ExtraPortsOption.jsx
index c97b40b..893a067 100644
--- a/src/components/server-options/ExtraPortsOption.jsx
+++ b/src/components/server-options/ExtraPortsOption.jsx
@@ -3,7 +3,8 @@ import TextField from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
 import Chip from "@mui/material/Chip";
 
-const validatePort = (p) => p !== "25565" && p !== "25575" && p.length < 6;
+const validatePort = (p) =>
+  p !== "25565" && p !== "25575" && p.length < 6 && parseInt(p) < 60_000;
 
 export default function ExtraPortsOption(props) {
   const { extraPorts: initExtraPorts } = props;
@@ -30,7 +31,14 @@ export default function ExtraPortsOption(props) {
       value={extraPorts}
       onChange={portChange}
       freeSolo
-      renderInput={(p) => <TextField {...p} label="Extra Ports" />}
+      renderInput={(p) => (
+        <TextField
+          {...p}
+          label="Extra Ports"
+          helperText="Remember to press enter to add the port!"
+          FormHelperTextProps={{ sx: { ml: 0 } }}
+        />
+      )}
       renderTags={(value, getTagProps) =>
         value.map((option, index) => {
           const defaultChipProps = getTagProps({ index });
diff --git a/src/components/server-options/HostOption.jsx b/src/components/server-options/HostOption.jsx
index d03d1db..302fee2 100644
--- a/src/components/server-options/HostOption.jsx
+++ b/src/components/server-options/HostOption.jsx
@@ -1,6 +1,6 @@
 import TextField from "@mui/material/TextField";
 export default function HostOption(props) {
-  const { value, onChange } = props;
+  const { value, onChange, disabled } = props;
 
   return (
     <TextField
@@ -10,6 +10,7 @@ export default function HostOption(props) {
       helperText="Example: host.mydomain.com"
       FormHelperTextProps={{ sx: { ml: 0 } }}
       required
+      disabled={disabled}
     />
   );
 }
diff --git a/src/pages/EditCoreOptions.jsx b/src/pages/EditCoreOptions.jsx
index a098cb6..bda2c34 100644
--- a/src/pages/EditCoreOptions.jsx
+++ b/src/pages/EditCoreOptions.jsx
@@ -73,7 +73,11 @@ export default function EditCoreOptions(props) {
     >
       <FormControl fullWidth sx={{ mt: "2rem", display: "flex", gap: ".5rem" }}>
         <NameOption value={spec.name} onChange={coreUpdate("name")} />
-        <HostOption value={spec.host} onChange={coreUpdate("host")} />
+        <HostOption
+          value={spec.host}
+          onChange={coreUpdate("host")}
+          disabled={true}
+        />
         <VersionOption value={spec.version} onChange={coreUpdate("version")} />
         <ServerTypeOption
           value={spec.serverType}