Function Socks

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

()

import { Popover } from "./Popover";

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

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

    return (
        <div>
            <h4 className="mode-title">SOCKS Proxy</h4>
            <p className="mode-description">
                You manually configure your client application or device to use
                a SOCKS5 proxy.
            </p>

            {servers}
        </div>
    );
}

function SocksRow({
    server,