rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: blog page await params

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-02-03 15:20:09 +07:00
parent bb8f018bb5
commit d86bd4ea62
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/(main)/blog/[slug]/page.tsx
View File

@ -6,8 +6,9 @@ import { RichText } from "@payloadcms/richtext-lexical/react";
import { Metadata } from "next"; import { Metadata } from "next";
import Image from "next/image"; import Image from "next/image";
export async function generateMetadata({ params }: { params: { slug: string } }): Promise<Metadata> { export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
const blog = await fetchBlogDetail(params.slug); const slug = (await params).slug;
const blog = await fetchBlogDetail(slug);
if (!blog) { if (!blog) {
return { return {
@ -61,10 +62,10 @@ export default async function SingleBlogPage({ params }: { params: Promise<{ slu
<span className="visually-hidden">Date:</span> {data.createdAt} <span className="visually-hidden">Date:</span> {data.createdAt}
</a> </a>
</div> </div>
<div className="d-inline-block me-3"> {/* <div className="d-inline-block me-3">
<i className="mi-folder size-16" /> <i className="mi-folder size-16" />
<span className="visually-hidden">Categories:</span> <a href="#">Design</a>, <a href="#">Branding</a> <span className="visually-hidden">Categories:</span> <a href="#">Design</a>, <a href="#">Branding</a>
</div> </div> */}
</div> </div>
{/* End Author, Categories, Comments */} {/* End Author, Categories, Comments */}
</div> </div>

5
src/app/(main)/blog/page.tsx
View File

@ -10,8 +10,9 @@ export const metadata = {
description: "Blogs | Cochise Oncology", description: "Blogs | Cochise Oncology",
}; };
export default async function BlogPage({ searchParams }: { searchParams?: { page?: string } }) { export default async function BlogPage({ searchParams }: { searchParams?: Promise<{ page?: string }> }) {
const page = sanitizePageNumber(searchParams?.page); const paramsPage = (await searchParams)?.page;
const page = sanitizePageNumber(paramsPage);
return ( return (
<> <>