All files / src/app/contents/list index.tsx

100% Statements 17/17
100% Branches 5/5
100% Functions 2/2
100% Lines 17/17

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 301x       1x 7x 7x 7x 7x 7x 7x 7x 7x   7x               8x 8x 8x 8x 8x   8x  
import * as core from "@actions/core";
import type { ContentProps } from "../index";
import { getExt, getHref } from "../shared/helper";
 
export function List({ files, isRoot }: ContentProps) {
	core.debug(`- Generated list: ${files.map((path) => path.name).join(", ")}`);
	return (
		<ul>
			{!isRoot && <ListRow href={"../"} name=".." dataAttr={{ "data-type": "parent" }} />}
			{files.map((path) => (
				<ListRow key={path.name} dataAttr={{ "data-type": getExt(path) }} href={getHref(path)} name={path.name} />
			))}
		</ul>
	);
}
 
interface ListRowProps {
	href: string;
	name: string;
	dataAttr?: Record<`data-${string}`, string>;
}
 
function ListRow({ href, name, dataAttr = {} }: ListRowProps) {
	return (
		<li data-name={name} {...dataAttr}>
			<a href={href}>{name}</a>
		</li>
	);
}