56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
import { BoxStatus } from '@/data/box/box.model';
|
|
import { PartyStatus, PrintStatus } from '@/data/party/party.model';
|
|
|
|
export function getStatusColor(status: BoxStatus | PartyStatus | PrintStatus) {
|
|
switch (status) {
|
|
case 'COLLECTING': {
|
|
return '#FD9C2B';
|
|
}
|
|
case 'ARRIVED': {
|
|
return '#08C1C1';
|
|
}
|
|
case 'ON_THE_WAY': {
|
|
return '#00bae7';
|
|
}
|
|
case 'READY_TO_INVOICE': {
|
|
return '#DF2F99';
|
|
}
|
|
case 'READY': {
|
|
return '#3489E4';
|
|
}
|
|
case 'DELIVERED': {
|
|
return '#3489E4';
|
|
}
|
|
case 'IN_CUSTOMS': {
|
|
return '#C9A26E';
|
|
}
|
|
case 'false': {
|
|
return '#C9A26E';
|
|
}
|
|
case 'true': {
|
|
return '#3489E4';
|
|
}
|
|
default: {
|
|
return '#17D792';
|
|
}
|
|
}
|
|
}
|
|
|
|
export function getBoxStatusStyles(status: BoxStatus | PartyStatus | PrintStatus) {
|
|
let color = getStatusColor(status);
|
|
|
|
return {
|
|
padding: '4px 8px',
|
|
color: '#FFF',
|
|
fontSize: '10px',
|
|
fontStyle: 'normal',
|
|
fontWeight: 600,
|
|
lineHeight: '16px',
|
|
backgroundColor: color,
|
|
borderRadius: '4px',
|
|
display: 'inline-flex',
|
|
minWidth: 120,
|
|
justifyContent: 'center',
|
|
} as React.CSSProperties;
|
|
}
|