virtus
75ed8e233b
Add moderator/admin backend APIs and client features for managing novels and chapters. New endpoints include mod chapter routes (paginated list, single GET, PUT, DELETE, and bulk optimize), mod novel routes (create, GET by id, update, delete), genre CRUD, user bookmarks, novel comments, and rating endpoints. Update EPUB import to use a shared slugify util. Enhance moderator UI: chapter manager gains pagination, bulk optimization preview/apply, edit/delete dialogs; novel client adds genre management and edit/delete flows. Also update Prisma schema, add a DB wipe script, remove unused lib/data.ts, and adjust related types/utils and bookmark context.
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import Link from "next/link"
|
|
import { ChevronLeft } from "lucide-react"
|
|
import { prisma } from "@/lib/prisma"
|
|
import { NovelCard } from "@/components/novel-card"
|
|
import { notFound } from "next/navigation"
|
|
|
|
export default async function GenreDetailPage({ params }: { params: Promise<{ slug: string }> }) {
|
|
const { slug } = await params
|
|
|
|
const genre = await prisma.genre.findUnique({
|
|
where: { slug }
|
|
})
|
|
|
|
if (!genre) {
|
|
notFound()
|
|
}
|
|
|
|
const allNovels = await prisma.novel.findMany({
|
|
where: {
|
|
genres: {
|
|
some: {
|
|
genreId: genre.id
|
|
}
|
|
}
|
|
},
|
|
orderBy: {
|
|
updatedAt: "desc"
|
|
}
|
|
})
|
|
|
|
// Basic layout without sort for purely server side representation without search params. Optional searchParams can be added later if needed.
|
|
return (
|
|
<div className="mx-auto max-w-6xl px-4 py-6">
|
|
<div className="mb-6">
|
|
<Link href="/the-loai" className="mb-2 inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors">
|
|
<ChevronLeft className="h-4 w-4" /> Thể Loại
|
|
</Link>
|
|
<h1 className="text-2xl font-bold text-foreground">{genre.name}</h1>
|
|
<p className="mt-1 text-sm text-muted-foreground">{genre.description}</p>
|
|
</div>
|
|
|
|
<div className="mb-4 flex items-center justify-between">
|
|
<p className="text-sm text-muted-foreground">{allNovels.length} truyện</p>
|
|
<div className="w-40" /> {/* Spacer for symmetry if we add sort later */}
|
|
</div>
|
|
|
|
{allNovels.length === 0 ? (
|
|
<div className="flex flex-col items-center justify-center py-20 text-muted-foreground">
|
|
<p className="text-lg font-medium">Chưa có truyện nào</p>
|
|
<p className="text-sm">Thể loại này chưa có truyện, hãy quay lại sau.</p>
|
|
</div>
|
|
) : (
|
|
<div className="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4">
|
|
{allNovels.map((novel) => (
|
|
<NovelCard key={novel.id} novel={novel} />
|
|
))}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|