summaryrefslogtreecommitdiff
path: root/components/common/selectors/vendor-tier
diff options
context:
space:
mode:
Diffstat (limited to 'components/common/selectors/vendor-tier')
-rw-r--r--components/common/selectors/vendor-tier/vendor-tier-selector.tsx29
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>
)