PNSPS-frontend-MaterialUI/src/pages/PublicNotice/ListPanel/PublicNoteStatusUtils.js

export function getStatus(params) {
    switch (params.row.status) {
        case "submitted":
            return getStatusTag({ color: "#f5a83d", text: "已提交" })
        case "rejected":
            return getStatusTag({ color: "#d9372b", text: "已拒絕" })
        case "cancelled":
            return getStatusTag({ color: "#757373", text: "已取消" })
        case "accepted":
            return getStatusTag({ color: "#22a13f", text: "已接受" })
        case "confirmed":
            return getStatusTag({ color: "#22a13f", text: "已確認" })
        case "paid":
            return getStatusTag({ color: "#22a13f", text: "已付費" })
        case "published":
            return getStatusTag({ color: "#f5a83d", text: "已發表" })
        case "withdrawn":
            return getStatusTag({ color: "#8a8784", text: "已撤銷" })
        default:
            return getStatusTag({ text: params.row.status })
    }
}

export function getStatusEng(params) {
    switch (params.row.status) {
        case "submitted":
            return getStatusTag({ color: "#f5a83d", text: "Submitted" })
        case "rejected":
            return getStatusTag({ color: "#d9372b", text: "Rejected" })
        case "cancelled":
            return getStatusTag({ color: "#757373", text: "Cancelled" })
        case "accepted":
            return getStatusTag({ color: "#22a13f", text: "Accepted" })
        case "confirmed":
            return getStatusTag({ color: "#22a13f", text: "Confirmed" })
        case "paid":
            return getStatusTag({ color: "#22a13f", text: "Paid" })
        case "published":
            return getStatusTag({ color: "#f5a83d", text: "Published" })
        case "withdrawn":
            return getStatusTag({ color: "#8a8784", text: "Withdrawn" })
        default:
            return getStatusTag({ text: params.row.status })
    }
}

export function getStatusTag({ color = "#000", textColor = "#FFF", text = "" }) {
    return (
        <div style={{ "border-radius": "25px", "background": color, "color": textColor, "padding": "5px 10px 5px 10px" }}><b>{text}</b></div>
    )
}