kubeshark/ui/src/components/StatusCode.tsx

import React from "react";
import styles from './style/StatusCode.module.sass';

export enum StatusCodeClassification {
    SUCCESS = "success",
    FAILURE = "failure",
    NEUTRAL = "neutral"
}


interface HAREntryProps {
    statusCode: number
}

const StatusCode: React.FC<HAREntryProps> = ({statusCode}) => {

    const classification = getClassification(statusCode)

    return <span className={`${styles[classification]} ${styles.base}`}>{statusCode}</span>
};

export function getClassification(statusCode: number): string {
    let classification = StatusCodeClassification.NEUTRAL;

    if (statusCode >= 200 && statusCode <= 399) {
        classification = StatusCodeClassification.SUCCESS;
    } else if (statusCode >= 400) {
        classification = StatusCodeClassification.FAILURE;
    }

    return classification
}

export default StatusCode;