import { Typography } from "@mui/material"; import HttpStatusIcon from "./HttpStatusIcon"; import { HttpProtocol } from "lib/graphql/generated"; type ResponseStatusProps = { proto: HttpProtocol; statusCode: number; statusReason: string; }; function mapProto(proto: HttpProtocol): string { switch (proto) { case HttpProtocol.Http10: return "HTTP/1.0"; case HttpProtocol.Http11: return "HTTP/1.1"; case HttpProtocol.Http20: return "HTTP/2.0"; default: return proto; } } export default function ResponseStatus({ proto, statusCode, statusReason }: ResponseStatusProps): JSX.Element { return ( {" "} {mapProto(proto)} {" "} {statusCode} {statusReason} ); }