refactor: handle status canceled

This commit is contained in:
Thanaphon Frappet 2024-12-24 13:47:41 +07:00
parent 718a28642d
commit 3f835bd2f0

View file

@ -116,6 +116,9 @@ defineProps<{
$q.screen.gt.xs &&
(status?.workStatus === RequestWorkStatus.Ended ||
status?.workStatus === RequestWorkStatus.Completed),
canceled:
$q.screen.gt.xs &&
status?.workStatus === RequestWorkStatus.Canceled,
}"
:style="
$q.screen.xs &&
@ -170,6 +173,9 @@ defineProps<{
complete:
status?.workStatus === RequestWorkStatus.Ended ||
status?.workStatus === RequestWorkStatus.Completed,
canceled:
$q.screen.gt.xs &&
status?.workStatus === RequestWorkStatus.Canceled,
}"
>
{{
@ -240,6 +246,9 @@ defineProps<{
&.complete {
--_color: var(--green-5-hsl);
}
&.canceled {
--_color: var(--red-5-hsl);
}
}
.product-status-text {
@ -257,5 +266,8 @@ defineProps<{
&.complete {
--_color: var(--green-5-hsl);
}
&.canceled {
--_color: var(--red-5-hsl);
}
}
</style>