Utils/Dialogs/DetailsDialog/Utils/getAppropriateColor.js

/**
 * <h3>Overview</h3>
 * Returns appropriate styling for given attribute.
 *
 * @category Utils
 * @subcategory Functions
 * @param {Object} attribute - An attribute from information table.
 * @returns {Object} - Style object with background colour and colour.
 */
const getAppropriateColor = (attribute) => {
    let style = {
        color: "#000"
    };

    if (attribute.type === 'decision') {
        style = {
            ...style,
            fontWeight: 900,
            textTransform: "uppercase"
        }
    }

    if(attribute.active === false || attribute.identifierType !== undefined || attribute.type === "description" ) {
        return {
            ...style,
            backgroundColor: "#A0A0A0"
        };
    }
    else {
        if (attribute.preferenceType === "gain") {
            return {
                ...style,
                backgroundColor: "#228B22"
            };
        }
        else if (attribute.preferenceType === "cost") {
            return {
                ...style,
                backgroundColor: "#DC143C"
            };
        }
        else if (attribute.preferenceType === "none") {
            return {
                ...style,
                backgroundColor: "#3F51B5"
            };
        }
        else return {
            ...style,
            backgroundColor: "#A0A0A0"
        };
    }
};

export default getAppropriateColor;