Merge pull request #317 from Lodestone-Team/281-make-rcon-password-ed…

…itable-even-when-its-hidden 281 make rcon password editable even when its hidden
Lodestone-Team · Jul 23, 2023 · bc82947 · bc82947
2 parents 2c06bd9 + 0e3fcd9
commit bc82947
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/dashboard/src/components/Atoms/Config/InputBox.tsx b/dashboard/src/components/Atoms/Config/InputBox.tsx
@@ -170,7 +170,8 @@ export default function InputBox({
 
   let icons = [];
 
-  if (typeModified !== 'password' && touched) {
+  // enable editing regardless of input type
+  if (touched) {
     icons.push(
       <FontAwesomeIcon
         icon={faFloppyDisk}
@@ -200,7 +201,8 @@ export default function InputBox({
           typeModified === 'password'
             ? setTypeModified('text')
             : setTypeModified('password');
-          formRef.current?.reset();
+          // allow in-progress password to persist between hide/show
+          // formRef.current?.reset();
         }}
         key="reveal password"
       />
@@ -255,7 +257,7 @@ export default function InputBox({
           </div>
         </div>
         <input
-          value={typeModified === 'password' ? 'xxxxxxxx' : value}
+          value={value}
           placeholder={placeholder}
           onChange={onChange}
           maxLength={maxLength}
@@ -267,7 +269,7 @@ export default function InputBox({
           onBlur={() => {
             setValue(value.trim());
           }}
-          disabled={typeModified === 'password' ? true : disabled}
+          disabled={disabled}
           type={typeModified}
           autoComplete={DISABLE_AUTOFILL}
         />