Files
chatngay_chatboard_dev/src/components/display/OrderStatus.tsx
2021-05-19 11:57:16 +07:00

23 lines
448 B
TypeScript

import {Tag} from "antd";
import React from "react";
import {OrderStatusType} from "@/typings";
const OrderStatus = ({status}: { status?: OrderStatusType }) => {
const colorMapping = {
pending: 'warning',
fail: 'error',
success: 'success',
processing: 'processing'
}
if(!status) return null;
return (
<Tag color={colorMapping[status]}>{status}</Tag>
)
}
export default OrderStatus;