mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-26 15:04:18 +00:00
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
|
import React, { useContext } from "react"
|
||
|
|
import BoxFull from "./BoxFull"
|
||
|
|
import FormLabelled from "./FormLabelled"
|
||
|
|
import FormLabel from "./FormLabel"
|
||
|
|
import InputWithIcon from "./InputWithIcon"
|
||
|
|
import { faGlobe } from "@fortawesome/free-solid-svg-icons"
|
||
|
|
import ContextServer from "../contexts/ContextServer"
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A {@link BoxFull} allowing the user to select the backend server they want to login to.
|
||
|
|
*
|
||
|
|
* @param props - Additional props to pass to the box.
|
||
|
|
* @returns {JSX.Element}
|
||
|
|
* @constructor
|
||
|
|
*/
|
||
|
|
export default function BoxSetServer({ ...props }) {
|
||
|
|
const {server, setServer} = useContext(ContextServer);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<BoxFull header={"Choose server"} {...props}>
|
||
|
|
<FormLabelled>
|
||
|
|
<FormLabel text={"Base URL"} htmlFor={"set-server-base-url"}>
|
||
|
|
<InputWithIcon
|
||
|
|
id={"set-server-base-url"}
|
||
|
|
type={"url"}
|
||
|
|
icon={faGlobe}
|
||
|
|
value={server}
|
||
|
|
onChange={e => setServer(e.target.value)}
|
||
|
|
/>
|
||
|
|
</FormLabel>
|
||
|
|
</FormLabelled>
|
||
|
|
</BoxFull>
|
||
|
|
)
|
||
|
|
}
|