Function ExportButton

web/src/js/components/Header/FlowMenu.tsx:204–238

({ flow }: { flow: Flow })

}

function ExportButton({ flow }: { flow: Flow }) {
    const hasSingleFlowSelected = useAppSelector(
        (state) => state.flows.selected.length === 1,
    );
    return (
        <Dropdown
            className=""
            text={
                <Button
                    title="Export flow."
                    icon="fa-clone"
                    onClick={() => 1}
                    disabled={flow.type !== "http" || !hasSingleFlowSelected}
                >
                    Export▾
                </Button>
            }
            options={{ placement: "bottom-start" }}
        >
            <MenuItem onClick={() => copy(flow, "raw_request")}>
                Copy raw request
            </MenuItem>
            <MenuItem onClick={() => copy(flow, "raw_response")}>
                Copy raw response
            </MenuItem>
            <MenuItem onClick={() => copy(flow, "raw")}>
                Copy raw request and response
            </MenuItem>
            <MenuItem onClick={() => copy(flow, "curl")}>Copy as cURL</MenuItem>
            <MenuItem onClick={() => copy(flow, "httpie")}>
                Copy as HTTPie
            </MenuItem>
        </Dropdown>
    );
}

const markers = {
    ":red_circle:": "🔴",