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.
82 lines
3.0 KiB
TypeScript
82 lines
3.0 KiB
TypeScript
import Link from "next/link"
|
|
import { BookOpen, Eye, Star } from "lucide-react"
|
|
import { formatViews } from "@/lib/utils"
|
|
|
|
export interface CardNovel {
|
|
id: string
|
|
slug: string
|
|
title: string
|
|
authorName: string
|
|
coverColor: string | null
|
|
rating: number
|
|
views: number
|
|
totalChapters: number
|
|
status: string
|
|
}
|
|
|
|
interface NovelCardProps {
|
|
novel: CardNovel
|
|
variant?: "default" | "compact"
|
|
}
|
|
|
|
export function NovelCard({ novel, variant = "default" }: NovelCardProps) {
|
|
if (variant === "compact") {
|
|
return (
|
|
<Link
|
|
href={`/truyen/${novel.slug}`}
|
|
className="group flex gap-3 rounded-lg border border-border bg-card p-3 transition-colors hover:border-primary/30 hover:bg-accent/50"
|
|
>
|
|
<div className={`flex h-16 w-12 shrink-0 items-center justify-center rounded bg-gradient-to-br ${novel.coverColor}`}>
|
|
<BookOpen className="h-5 w-5 text-background/80" />
|
|
</div>
|
|
<div className="flex min-w-0 flex-col justify-center">
|
|
<h3 className="truncate text-sm font-semibold text-foreground group-hover:text-primary transition-colors">
|
|
{novel.title}
|
|
</h3>
|
|
<p className="text-xs text-muted-foreground">{novel.authorName}</p>
|
|
<div className="mt-1 flex items-center gap-3 text-xs text-muted-foreground">
|
|
<span className="flex items-center gap-0.5">
|
|
<Star className="h-3 w-3 fill-primary text-primary" />
|
|
{novel.rating}
|
|
</span>
|
|
<span>Ch. {novel.totalChapters}</span>
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<Link
|
|
href={`/truyen/${novel.slug}`}
|
|
className="group flex flex-col overflow-hidden rounded-lg border border-border bg-card transition-all hover:border-primary/30 hover:shadow-md"
|
|
>
|
|
<div className={`relative flex h-44 items-center justify-center bg-gradient-to-br ${novel.coverColor}`}>
|
|
<BookOpen className="h-10 w-10 text-background/80" />
|
|
{novel.status === "Đang ra" && (
|
|
<span className="absolute right-2 top-2 rounded-full bg-primary px-2 py-0.5 text-[10px] font-semibold text-primary-foreground">
|
|
Đang ra
|
|
</span>
|
|
)}
|
|
</div>
|
|
<div className="flex flex-1 flex-col gap-1 p-3">
|
|
<h3 className="line-clamp-1 text-sm font-semibold text-foreground group-hover:text-primary transition-colors text-balance">
|
|
{novel.title}
|
|
</h3>
|
|
<p className="text-xs text-muted-foreground">{novel.authorName}</p>
|
|
<div className="mt-auto flex items-center gap-3 pt-2 text-xs text-muted-foreground">
|
|
<span className="flex items-center gap-0.5">
|
|
<Star className="h-3 w-3 fill-primary text-primary" />
|
|
{novel.rating}
|
|
</span>
|
|
<span className="flex items-center gap-0.5">
|
|
<Eye className="h-3 w-3" />
|
|
{formatViews(novel.views)}
|
|
</span>
|
|
<span className="ml-auto">Ch. {novel.totalChapters}</span>
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|