diff --git a/src/components/term-detail/TabSection.tsx b/src/components/term-detail/TabSection.tsx index 043752d..3dd8a31 100644 --- a/src/components/term-detail/TabSection.tsx +++ b/src/components/term-detail/TabSection.tsx @@ -26,7 +26,7 @@ export function TabSection({ term, relatedTerms }: TabSectionProps) { {activeTab === "description" && } {activeTab === "usecase" && } {activeTab === "related" && ( - + )} diff --git a/src/components/term-detail/tabs/RelatedTab.tsx b/src/components/term-detail/tabs/RelatedTab.tsx index fac7600..fca00fd 100644 --- a/src/components/term-detail/tabs/RelatedTab.tsx +++ b/src/components/term-detail/tabs/RelatedTab.tsx @@ -1,10 +1,8 @@ "use client"; -import { useState, useEffect } from "react"; import { useRouter } from "next/navigation"; import { cn } from "@/utils/cn"; -import type { TermDetail, TermIndexItem } from "@/lib/terms"; -import { getRelatedTerms } from "@/lib/terms"; +import type { TermIndexItem } from "@/lib/terms"; import { RelationIcon, HashtagIcon, @@ -16,11 +14,10 @@ import { getCategoryType } from "@/lib/category"; import { useScrapToggle } from "@/hooks/useScrapToggle"; interface RelatedTabProps { - term: TermDetail; relatedTerms: TermIndexItem[]; } -export function RelatedTab({ term, relatedTerms }: RelatedTabProps) { +export function RelatedTab({ relatedTerms }: RelatedTabProps) { return (
@@ -37,11 +34,6 @@ export function RelatedTab({ term, relatedTerms }: RelatedTabProps) { ) : (

연관 용어가 없습니다.

)} - - {/* Confusable Terms */} - {term.confusableIds && term.confusableIds.length > 0 && ( - - )}
); } @@ -144,34 +136,3 @@ function RelatedTermCard({ term }: { term: TermIndexItem }) { ); } - -// Confusable Terms -function ConfusableTerms({ ids }: { ids: number[] }) { - const router = useRouter(); - const [terms, setTerms] = useState([]); - - useEffect(() => { - getRelatedTerms(ids).then(setTerms); - }, [ids]); - - if (terms.length === 0) return null; - - return ( -
-

헷갈리기 쉬운 용어

-
    - {terms.map((t) => ( -
  • - -
  • - ))} -
-
- ); -}