diff options
| -rw-r--r-- | components/common/vendor/vendor-selector.tsx | 7 | ||||
| -rw-r--r-- | components/ui/checkbox.tsx | 5 |
2 files changed, 11 insertions, 1 deletions
diff --git a/components/common/vendor/vendor-selector.tsx b/components/common/vendor/vendor-selector.tsx index 8f3cf32b..6cad005c 100644 --- a/components/common/vendor/vendor-selector.tsx +++ b/components/common/vendor/vendor-selector.tsx @@ -361,6 +361,13 @@ export function VendorSelector({ <Badge className={getStatusColor(vendor.status)}> {vendor.status} </Badge> + {includeCountry && vendor.country && ( + <Badge + variant={vendor.country === "KR" || vendor.country === "한국" ? "default" : "secondary"} + > + {vendor.country} + </Badge> + )} </div> <div className="text-xs text-muted-foreground"> {vendor.vendorCode ? ( diff --git a/components/ui/checkbox.tsx b/components/ui/checkbox.tsx index c6fdd071..785f482f 100644 --- a/components/ui/checkbox.tsx +++ b/components/ui/checkbox.tsx @@ -13,7 +13,10 @@ const Checkbox = React.forwardRef< <CheckboxPrimitive.Root ref={ref} className={cn( - "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", + "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", + "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", + "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-gray-500 dark:disabled:bg-gray-700 disabled:border-gray-400 dark:disabled:border-gray-600", + "disabled:data-[state=checked]:bg-gray-400 dark:disabled:data-[state=checked]:bg-gray-600", className )} {...props} |