diff --git a/src/components/headline-tree.tsx b/src/components/headline-tree.tsx index 53cc316..ac1acec 100644 --- a/src/components/headline-tree.tsx +++ b/src/components/headline-tree.tsx @@ -1,8 +1,11 @@ "use client"; +import { useState } from "react"; import { Badge } from "@/components/ui/badge"; import type { HeadlineNode } from "@/app/actions"; import { KeywordHighlighter } from "./keyword-highlighter"; +import { ChevronDown } from "lucide-react"; +import { cn } from "@/lib/utils"; interface HeadlineTreeProps { headlines: HeadlineNode[]; @@ -18,11 +21,19 @@ const HeadlineNodeDisplay = ({ level: number; keyword?: string | null; }) => { + const isCollapsible = + node.level === 2 && node.children && node.children.length > 0; + const [isCollapsed, setIsCollapsed] = useState(true); + return ( <>