Files
manager-frontend/app/components/orders/OrderStatusBadge.vue
2026-03-30 21:41:28 +07:00

17 lines
474 B
Vue

<script setup lang="ts">
const props = defineProps<{
status: string;
}>();
const className = computed(() => {
if (props.status === 'COMPLETED') return 'badge badge-success';
if (props.status === 'CLIENT_REJECTED' || props.status === 'MANAGER_REJECTED') return 'badge badge-error';
if (props.status === 'MANAGER_BLOCKED') return 'badge badge-warning';
return 'badge badge-info';
});
</script>
<template>
<span :class="className">{{ status }}</span>
</template>