Function Upstream

web/src/js/components/Modes/Upstream.tsx:17–42

()

import { Popover } from "./Popover";

export default function Upstream() {
    const serverState = useAppSelector((state) => state.modes.upstream);
    const backendState = useAppSelector((state) => state.backendState.servers);

    const servers = serverState.map((server) => {
        return (
            <UpstreamRow
                key={server.ui_id}
                server={server}
                backendState={backendState[getSpec(server)]}
            />
        );
    });

    return (
        <div>
            <h4 className="mode-title">
                Explicit HTTP(S) Proxy (With Upstream Proxy)
            </h4>
            <p className="mode-description">
                All requests are forwarded to a second HTTP(S) proxy server.
            </p>
            {servers}
        </div>
    );
}

function UpstreamRow({
    server,