pascallinxweiler/Metify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Fixed missing borders in headline tree - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 14:15:54 +01:00
parent 0344ca6cfd
commit cdb1436457
1 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/headline-tree.tsx
View File

@@ -2,7 +2,6 @@
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import type { HeadlineNode } from "@/app/actions"; import type { HeadlineNode } from "@/app/actions";
import { cn } from "@/lib/utils";
interface HeadlineTreeProps { interface HeadlineTreeProps {
headlines: HeadlineNode[]; headlines: HeadlineNode[];
@@ -16,9 +15,9 @@ const HeadlineNodeDisplay = ({
level: number; level: number;
}) => { }) => {
return ( return (
<div className="flex flex-col border-t first:border-t-0"> <>
<div <div
className="flex items-center gap-3 py-2.5 pr-4" className="flex items-center gap-3 py-2.5 pr-4 border-t"
style={{ paddingLeft: `${16 + level * 24}px` }} style={{ paddingLeft: `${16 + level * 24}px` }}
> >
<Badge <Badge
@@ -32,23 +31,21 @@ const HeadlineNodeDisplay = ({
{node.length} {node.length}
</p> </p>
</div> </div>
{node.children && node.children.length > 0 && ( {node.children?.map((child, index) => (
<div> <HeadlineNodeDisplay key={index} node={child} level={level + 1} />
{node.children.map((child, index) => ( ))}
<HeadlineNodeDisplay key={index} node={child} level={level + 1} /> </>
))}
</div>
)}
</div>
); );
}; };
export function HeadlineTree({ headlines }: HeadlineTreeProps) { export function HeadlineTree({ headlines }: HeadlineTreeProps) {
return ( return (
<div className="w-full border rounded-lg overflow-hidden"> <div className="w-full border rounded-lg overflow-hidden">
{headlines.map((headline, index) => ( <div className="-mt-px">
<HeadlineNodeDisplay key={index} node={headline} level={0} /> {headlines.map((headline, index) => (
))} <HeadlineNodeDisplay key={index} node={headline} level={0} />
))}
</div>
</div> </div>
); );
} }