88 lines
2.5 KiB
TypeScript
88 lines
2.5 KiB
TypeScript
import Link from "next/link";
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { Card } from "@/components/ui/card";
|
|
import type { ChangelogVersion } from "@/lib/changelog/parse-changelog";
|
|
|
|
/** Converte "[texto](url)" em link; texto simples fica como está */
|
|
function parseContributorLine(content: string) {
|
|
const linkMatch = content.match(/^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/);
|
|
if (linkMatch) {
|
|
return { label: linkMatch[1], url: linkMatch[2] };
|
|
}
|
|
return { label: content, url: null };
|
|
}
|
|
|
|
const sectionBadgeVariant: Record<
|
|
string,
|
|
"success" | "info" | "destructive" | "secondary"
|
|
> = {
|
|
Adicionado: "success",
|
|
Alterado: "info",
|
|
Corrigido: "destructive",
|
|
Removido: "secondary",
|
|
};
|
|
|
|
function getSectionVariant(type: string) {
|
|
return sectionBadgeVariant[type] ?? "secondary";
|
|
}
|
|
|
|
export function ChangelogTab({ versions }: { versions: ChangelogVersion[] }) {
|
|
return (
|
|
<div className="space-y-4">
|
|
{versions.map((version) => (
|
|
<Card key={version.version} className="p-6">
|
|
<div className="flex items-baseline gap-3">
|
|
<h3 className="text-lg font-bold">v{version.version}</h3>
|
|
<span className="text-sm text-muted-foreground">
|
|
{version.date}
|
|
</span>
|
|
</div>
|
|
<div className="space-y-4">
|
|
{version.sections.map((section) => (
|
|
<div key={section.type}>
|
|
<Badge
|
|
variant={getSectionVariant(section.type)}
|
|
className="mb-2"
|
|
>
|
|
{section.type}
|
|
</Badge>
|
|
<ul className="space-y-1.5 text-muted-foreground">
|
|
{section.items.map((item) => (
|
|
<li key={item} className="flex gap-2">
|
|
<span className="text-primary select-none">•</span>
|
|
<span className="text-sm">{item}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
))}
|
|
{version.contributor && (
|
|
<div className="border-t pt-4 mt-4">
|
|
<span className="text-sm text-muted-foreground">
|
|
Contribuições:{" "}
|
|
{(() => {
|
|
const { label, url } = parseContributorLine(version.contributor);
|
|
if (url) {
|
|
return (
|
|
<Link
|
|
href={url}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-medium text-foreground underline underline-offset-2 hover:text-primary"
|
|
>
|
|
{label}
|
|
</Link>
|
|
);
|
|
}
|
|
return <span className="font-medium text-foreground">{label}</span>;
|
|
})()}
|
|
</span>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|