diff --git a/frontend/src/app/cow/[cowNo]/genome/_components/category-evaluation-card.tsx b/frontend/src/app/cow/[cowNo]/genome/_components/category-evaluation-card.tsx index 3a54901..311b3ed 100644 --- a/frontend/src/app/cow/[cowNo]/genome/_components/category-evaluation-card.tsx +++ b/frontend/src/app/cow/[cowNo]/genome/_components/category-evaluation-card.tsx @@ -228,13 +228,20 @@ export function CategoryEvaluationCard({ return entry ? entry[0] : shortName } - // 커스텀 Tick 컴포넌트 (가장 좋은 형질에 배경색 + 클릭 가능) - const CustomAngleTick = ({ x, y, payload }: { x: number; y: number; payload: { value: string } }) => { - const isBest = payload.value === bestTraitName + // 커스텀 Tick 컴포넌트 (클릭 시 강조) + const CustomAngleTick = ({ x, y, cx, cy, payload }: { x: number; y: number; cx: number; cy: number; payload: { value: string } }) => { const isSelected = selectedTraitName === findTraitNameByShortName(payload.value) const textWidth = payload.value.length * 11 + 20 const textHeight = 28 + // 차트 중심에서 바깥 방향으로 offset 추가 + const offset = 12 + const dx = x - cx + const dy = y - cy + const distance = Math.sqrt(dx * dx + dy * dy) || 1 + const newX = x + (dx / distance) * offset + const newY = y + (dy / distance) * offset + const handleClick = () => { const traitName = findTraitNameByShortName(payload.value) setSelectedTraitName(prev => prev === traitName ? null : traitName) @@ -242,18 +249,18 @@ export function CategoryEvaluationCard({ return ( - {(isBest || isSelected) && ( + {isSelected && ( )} {payload.value} @@ -417,16 +424,11 @@ export function CategoryEvaluationCard({
- + - } - tickLine={false} - /> + {/* PolarAngleAxis를 Radar 뒤에 배치하여 tick이 차트 위에 표시되도록 함 */} + { if (active && payload && payload.length) { const item = payload[0]?.payload const epd = item?.epd ?? 0 - const regionEpd = (item?.regionVal ?? 0) * (item?.epd / (item?.breedVal || 1)) || 0 - const farmEpd = (item?.farmVal ?? 0) * (item?.epd / (item?.breedVal || 1)) || 0 + const regionEpd = item?.regionEpd ?? 0 + const farmEpd = item?.farmEpd ?? 0 return (
diff --git a/frontend/src/app/findid/page.tsx b/frontend/src/app/findid/page.tsx index 84c9781..7a260dd 100644 --- a/frontend/src/app/findid/page.tsx +++ b/frontend/src/app/findid/page.tsx @@ -16,7 +16,7 @@ export default function FindIdPage() {
한우 유전능력 컨설팅 로고 한우 유전능력 컨설팅 로고 한우 유전능력 컨설팅 로고 한우 유전능력 컨설팅 로고 한우 유전능력 컨설팅 로고