55 lines
1.5 KiB
55 lines
1.5 KiB
3 years ago
|
export function OrderStatus({ value }) {
|
||
|
return (
|
||
|
<div className="">
|
||
|
{(() => {
|
||
|
if (value === 1) {
|
||
|
return (
|
||
|
<span
|
||
|
style={{ backgroundColor: "#E2FFE377", color: "#00613D" }}
|
||
|
className="p-2 rounded"
|
||
|
>
|
||
|
ارسال شده
|
||
|
</span>
|
||
|
);
|
||
|
} else if (value === 2) {
|
||
|
return (
|
||
|
<span
|
||
|
style={{ backgroundColor: "#FFF78733", color: "#ECF150" }}
|
||
|
className="p-2 rounded"
|
||
|
>
|
||
|
رسیدگی
|
||
|
</span>
|
||
|
);
|
||
|
} else if (value === 3) {
|
||
|
return (
|
||
|
<span
|
||
|
style={{ backgroundColor: "#FFD8CC33", color: "#611100" }}
|
||
|
className="p-2 rounded"
|
||
|
>
|
||
|
لغو شده
|
||
|
</span>
|
||
|
);
|
||
|
} else if (value === 4) {
|
||
|
return (
|
||
|
<span
|
||
|
style={{ backgroundColor: "#E2FFFD33", color: "#00614A" }}
|
||
|
className="p-2 rounded"
|
||
|
>
|
||
|
پیگیری
|
||
|
</span>
|
||
|
);
|
||
|
} else {
|
||
|
return (
|
||
|
<span
|
||
|
style={{ backgroundColor: "#DBCCFF33", color: "#440061" }}
|
||
|
className="p-2 rounded"
|
||
|
>
|
||
|
خطری
|
||
|
</span>
|
||
|
);
|
||
|
}
|
||
|
})()}{" "}
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|