diff options
Diffstat (limited to 'components/common/selectors/vendor-tier')
| -rw-r--r-- | components/common/selectors/vendor-tier/vendor-tier-selector.tsx | 29 |
1 files changed, 24 insertions, 5 deletions
diff --git a/components/common/selectors/vendor-tier/vendor-tier-selector.tsx b/components/common/selectors/vendor-tier/vendor-tier-selector.tsx index ba33c9cf..f27d184b 100644 --- a/components/common/selectors/vendor-tier/vendor-tier-selector.tsx +++ b/components/common/selectors/vendor-tier/vendor-tier-selector.tsx @@ -1,7 +1,6 @@ "use client" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" -import { useState } from "react" @@ -31,15 +30,35 @@ export function VendorTierSelector({ disabled = false, className }: VendorTierSelectorProps) { + // 선택된 값에 따른 툴팁 텍스트 + const getTooltipText = (value: string) => { + switch (value) { + case "Tier 1": + return "당사 협조도 우수, 필수 견적 의뢰 업체" + case "Tier 2": + return "해당 품목 주요 제작사, Tier 1 후보군" + case "none": + return "Tier 1, 2 미해당 업체" + default: + return "" + } + } + return ( <Select value={value} onValueChange={onValueChange} disabled={disabled}> - <SelectTrigger className={className}> + <SelectTrigger className={className} title={value ? getTooltipText(value) : ""}> <SelectValue placeholder={placeholder} /> </SelectTrigger> <SelectContent> - <SelectItem value="Tier 1">Tier 1: 당사 협조도 우수, 필수 견적 의뢰 업체</SelectItem> - <SelectItem value="Tier 2">Tier 2: 해당 품목 주요 제작사, Tier 1 후보군</SelectItem> - <SelectItem value="none">등급 외: Tier 1, 2 미해당 업체</SelectItem> + <SelectItem value="Tier 1" title="당사 협조도 우수, 필수 견적 의뢰 업체"> + Tier 1 + </SelectItem> + <SelectItem value="Tier 2" title="해당 품목 주요 제작사, Tier 1 후보군"> + Tier 2 + </SelectItem> + <SelectItem value="none" title="Tier 1, 2 미해당 업체"> + 등급 외 + </SelectItem> </SelectContent> </Select> ) |
