fix: extract domestic paper titles cleanly without quotes and remove All Overview tab from Publications

This commit is contained in:
2026-07-30 23:04:06 +09:00
parent 764b6479ed
commit 22a31ff409
5 changed files with 90 additions and 233 deletions
@@ -8,21 +8,10 @@ interface CategoryNavProps {
totalCount?: number;
}
export function CategoryNav({ currentCategory, totalCount }: CategoryNavProps) {
export function CategoryNav({ currentCategory }: CategoryNavProps) {
return (
<div className="space-y-4">
<div className="flex flex-wrap items-center gap-2 border-b border-line pb-4">
<Link
href="/publications"
className={`px-4 py-2 rounded text-xs font-mono tracking-wider transition-colors ${
!currentCategory
? "bg-ink text-ivory font-bold"
: "bg-paper text-ink border border-line hover:border-ink"
}`}
>
All Overview {!currentCategory && totalCount ? `(${totalCount})` : ""}
</Link>
{PUB_CATEGORIES.map((cat) => {
const isActive = currentCategory === cat.slug;
return (
+2 -138
View File
@@ -1,141 +1,5 @@
import React from "react";
import Link from "next/link";
import { CategoryNav } from "./_components/CategoryNav";
import { publications, patents } from "../../content/publications";
import { PUB_CATEGORIES } from "../../content/categories";
import { redirect } from "next/navigation";
export default function PublicationsIndexPage() {
const allRecords = [
...publications.map((p) => ({ ...p, type: "paper" as const })),
...patents.map((p) => ({
category: "patent" as const,
title: p.title,
venue: `발명자: ${p.inventors} (출원번호: ${p.applicationNo})`,
volume: p.registrationNo ? `등록번호: ${p.registrationNo}` : `출원국가: ${p.country}`,
publishedAt: p.publishedAt,
type: "patent" as const,
})),
];
// Sort by publishedAt descending
const sortedRecords = [...allRecords].sort(
(a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()
);
const recentRecords = sortedRecords.slice(0, 10);
const getCategoryCount = (slug: string) => {
if (slug === "patent") return patents.length;
return publications.filter((p) => p.category === slug).length;
};
return (
<div className="container-content space-y-16 py-6">
{/* Header */}
<section className="space-y-3">
<div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
Research Output &amp; Patents
</span>
</div>
<h1 className="font-serif text-4xl sm:text-5xl font-normal text-ink">
</h1>
<p className="text-ink-mute text-base max-w-2xl">
· 148 75 {allRecords.length} .
</p>
</section>
{/* Category Nav */}
<CategoryNav totalCount={allRecords.length} />
{/* Category Cards Overview */}
<section className="space-y-6">
<h2 className="font-serif text-2xl font-normal text-ink">
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{PUB_CATEGORIES.map((cat) => {
const count = getCategoryCount(cat.slug);
return (
<div
key={cat.slug}
className="bg-paper p-6 rounded-lg border border-line flex flex-col justify-between hover:border-vermillion transition-colors"
>
<div className="space-y-3">
<div className="flex justify-between items-baseline">
<span className="font-mono text-xs text-vermillion font-bold uppercase">
Category
</span>
<span className="font-serif text-2xl font-normal text-ink">
{count}
</span>
</div>
<h3 className="font-serif text-xl font-normal text-ink">
{cat.label}
</h3>
<p className="text-xs text-ink-mute leading-relaxed">
{cat.desc}
</p>
</div>
<div className="mt-6 pt-4 border-t border-line flex justify-between items-center">
<span className="font-mono text-xs text-ink-mute">
SSG Pre-rendered
</span>
<Link
href={`/publications/${cat.slug}`}
className="font-mono text-xs text-vermillion font-bold hover:underline"
>
({count})
</Link>
</div>
</div>
);
})}
</div>
</section>
{/* Recent 10 Highlight Records */}
<section className="space-y-6 pt-6 border-t border-line">
<div className="flex justify-between items-end">
<h2 className="font-serif text-2xl font-normal text-ink">
(Top 10)
</h2>
<span className="font-mono text-xs text-ink-mute">
Total {allRecords.length} Records
</span>
</div>
<div className="space-y-4">
{recentRecords.map((rec, idx) => (
<div
key={idx}
className="bg-paper p-5 rounded border border-line space-y-2"
>
<div className="flex justify-between items-start gap-4">
<h3 className="font-serif text-lg font-normal text-ink leading-snug">
{rec.title}
</h3>
<time
dateTime={rec.publishedAt}
className="font-mono text-xs text-vermillion bg-ivory border border-line px-2 py-0.5 rounded shrink-0"
>
{rec.publishedAt}
</time>
</div>
<div className="text-xs text-ink-mute font-mono">
{rec.venue}
</div>
{rec.volume && (
<div className="text-xs text-ink-mute font-mono">
{rec.volume}
</div>
)}
</div>
))}
</div>
</section>
</div>
);
redirect("/publications/intl-journal-conf");
}