localization updates, terminal errors, etc

This commit is contained in:
2026-05-03 16:36:21 +07:00
parent c425f484b4
commit 36f75eb454
14 changed files with 579 additions and 317 deletions
+7 -12
View File
@@ -2,6 +2,7 @@ import { pb, getPbImage } from "@/lib/pb";
import { notFound } from "next/navigation";
import Link from "next/link";
import { ArrowLeft, Calendar, Clock, ShieldCheck } from "lucide-react";
import { getDictionary } from "@/lib/dictionaries";
interface PBPost {
id: string;
@@ -21,12 +22,11 @@ interface Props {
export default async function BlogPostPage({ params }: Props) {
const { lang, slug } = await params;
const isRu = lang === "ru";
const dict = await getDictionary(lang);
let post: PBPost;
try {
// Ищем в соответствующей коллекции по слагу
post = await pb
.collection(`posts_${lang}`)
.getFirstListItem<PBPost>(`slug = "${slug}" && published = true`, {
@@ -38,7 +38,6 @@ export default async function BlogPostPage({ params }: Props) {
return (
<main className="min-h-screen pt-32 pb-20 bg-background">
<div className="container mx-auto max-w-3xl px-4">
{/* Хлебные крошки / Назад */}
<Link
href={`/${lang}/blog`}
className="inline-flex items-center gap-2 text-sm font-mono text-muted-foreground hover:text-primary mb-12 transition-colors group"
@@ -48,11 +47,10 @@ export default async function BlogPostPage({ params }: Props) {
className="group-hover:-translate-x-1 transition-transform"
/>
<span className="opacity-50">root@netrunner:~#</span>
<span>cd ../logs</span>
<span>{dict.blog.backBtn}</span>
</Link>
<article className="relative">
{/* Обложка с неоновым свечением */}
{post.image && (
<div className="w-full h-[300px] md:h-[450px] rounded-3xl overflow-hidden mb-12 border border-border/50 shadow-2xl shadow-primary/10 relative">
{/* eslint-disable-next-line @next/next/no-img-element */}
@@ -65,21 +63,20 @@ export default async function BlogPostPage({ params }: Props) {
</div>
)}
{/* Шапка статьи */}
<div className="flex flex-wrap items-center gap-6 text-[10px] font-mono text-primary mb-8 uppercase tracking-[0.2em]">
<span className="flex items-center gap-2 px-3 py-1 bg-primary/10 rounded-full border border-primary/20">
<Calendar size={12} />
{new Date(post.created).toLocaleDateString(
isRu ? "ru-RU" : "en-US",
lang === "ru" ? "ru-RU" : "en-US",
)}
</span>
<span className="flex items-center gap-2 text-muted-foreground">
<Clock size={12} />
{isRu ? "Чтение: 4 мин" : "Read: 4 min"}
{dict.blog.readTime}
</span>
<span className="flex items-center gap-2 text-green-500/70">
<ShieldCheck size={12} />
{isRu ? "Проверено: Netrunner" : "Verified: Netrunner"}
{dict.blog.verified}
</span>
</div>
@@ -87,16 +84,14 @@ export default async function BlogPostPage({ params }: Props) {
{post.title}
</h1>
{/* Тело статьи с Tailwind Typography (prose) */}
<div
className="prose prose-invert prose-p:text-muted-foreground/90 prose-p:leading-relaxed prose-headings:text-foreground prose-headings:tracking-tighter prose-a:text-primary prose-strong:text-foreground prose-code:text-primary max-w-none text-lg selection:bg-primary/30"
dangerouslySetInnerHTML={{ __html: post.content }}
/>
{/* Футер статьи */}
<div className="mt-20 pt-10 border-t border-border/30 flex justify-between items-center">
<div className="text-[10px] font-mono text-muted-foreground/40 uppercase tracking-widest">
End of transmission // node_th_01
{dict.blog.endTransmission}
</div>
<div className="flex gap-4">
<div className="w-2 h-2 bg-primary rounded-full animate-ping" />