glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-03-03 23:45:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Clear inputs when settings changed

Browse Source
This commit is contained in:
glax 2024-10-22 18:12:24 +02:00
parent f4011a7cbc
commit d621422ae3
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
Website/modules/Settings.tsx
View File

@ -7,7 +7,7 @@ import ILibraryConnector from "./interfaces/ILibraryConnector";
import INotificationConnector from "./interfaces/INotificationConnector";
export default function Settings({backendConnected, apiUri, settings, changeSettings} : {backendConnected: boolean, apiUri: string, settings: IFrontendSettings, changeSettings: (settings: IFrontendSettings) => void}) {
const [frontendSettings] = useState<IFrontendSettings>(settings);
const [frontendSettings, setFrontendSettings] = useState<IFrontendSettings>(settings);
const [backendSettings, setBackendSettings] = useState<IBackendSettings>();
const [showSettings, setShowSettings] = useState<boolean>(false);
const [libraryConnectors, setLibraryConnectors] = useState<ILibraryConnector[]>([]);
@ -21,6 +21,10 @@ export default function Settings({backendConnected, apiUri, settings, changeSett
GetNotificationConnectors(apiUri).then(setNotificationConnectors).catch(console.error);
}, [showSettings]);
useEffect(() => {
changeSettings(frontendSettings);
}, [frontendSettings]);
async function GetSettings(apiUri: string) : Promise<IBackendSettings> {
//console.info("Getting Settings");
return getData(`${apiUri}/v2/Settings`)
@ -78,9 +82,18 @@ export default function Settings({backendConnected, apiUri, settings, changeSett
}
const SubmitApiUri : KeyboardEventHandler<HTMLInputElement> = (e) => {
if(e.currentTarget.value.length < 1)
return;
const newSettings = FrontendSettingsWith(frontendSettings, undefined, e.currentTarget.value);
if(e.key == "Enter")
changeSettings(newSettings);
if(e.key == "Enter"){
setFrontendSettings(newSettings);
ClearInputs();
}
}
function ClearInputs(){
setShowSettings(false);
setShowSettings(true);
}
return (