glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-04-19 14:53:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

UserAgent Reset

Browse Source
This commit is contained in:
glax 2025-04-02 01:06:55 +02:00
parent 5385dfd918
commit 99265bacb2
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
tranga-website/src/Components/Settings/UserAgent.tsx
View File

@ -1,8 +1,15 @@
import IBackendSettings from "../../api/types/IBackendSettings"; import IBackendSettings from "../../api/types/IBackendSettings";
import {Accordion, AccordionDetails, AccordionSummary, CircularProgress, ColorPaletteProp, Input} from "@mui/joy"; import {
Accordion,
AccordionDetails,
AccordionSummary,
Button,
ColorPaletteProp,
Input
} from "@mui/joy";
import {KeyboardEventHandler, useCallback, useContext, useState} from "react"; import {KeyboardEventHandler, useCallback, useContext, useState} from "react";
import {ApiUriContext} from "../../api/fetchApi.tsx"; import {ApiUriContext} from "../../api/fetchApi.tsx";
import {UpdateUserAgent} from "../../api/BackendSettings.tsx"; import {ResetUserAgent, UpdateUserAgent} from "../../api/BackendSettings.tsx";
export default function UserAgent({backendSettings}: {backendSettings?: IBackendSettings}) { export default function UserAgent({backendSettings}: {backendSettings?: IBackendSettings}) {
const apiUri = useContext(ApiUriContext); const apiUri = useContext(ApiUriContext);
@ -20,6 +27,14 @@ export default function UserAgent({backendSettings}: {backendSettings?: IBackend
} }
}, [apiUri]) }, [apiUri])
const Reset = useCallback(() => {
setLoading(true);
ResetUserAgent(apiUri)
.then(() => setColor("success"))
.catch(() => setColor("danger"))
.finally(() => setLoading(false));
}, [apiUri]);
return ( return (
<Accordion> <Accordion>
<AccordionSummary>UserAgent</AccordionSummary> <AccordionSummary>UserAgent</AccordionSummary>
@ -30,7 +45,7 @@ export default function UserAgent({backendSettings}: {backendSettings?: IBackend
onKeyDown={keyDown} onKeyDown={keyDown}
onChange={e => setValue(e.target.value)} onChange={e => setValue(e.target.value)}
color={color} color={color}
endDecorator={(loading ? <CircularProgress color={"primary"} size={"sm"} /> : null)} endDecorator={<Button onClick={Reset} loading={loading}>Reset</Button>}
/> />
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>