fix: the bug when share chapter

openbuildxyz · Jan 28, 2025 · 2426087 · 2426087
1 parent f3ec122
commit 2426087
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/src/app/learn/[type]/[id]/[chapter_id]/page.js b/src/app/learn/[type]/[id]/[chapter_id]/page.js
@@ -15,11 +15,31 @@
  */
 
 import { get } from '@/utils/request';
-
 import { Steper } from './Steper';
 import { Content } from './Content';
 import { PostTime } from './PostTime';
 
+export async function generateMetadata({ params }) {
+  // fetch data
+  const { data } = await get(`v1/learn/course/${params.type === 'courses' ? 'opencourse' : 'challenges'}/${params.id}`, {isServer: true});
+  const previousImages = data?.base?.course_series_img ? `https://file-cdn.openbuild.xyz${data.base.course_series_img}` : '';
+  const chapter = data.courses.find(course => String(course?.base?.course_single_id) === params.chapter_id);
+
+  return {
+    title: data?.base?.course_series_title,
+    description: data?.base?.course_series_summary,
+    openGraph: {
+      title: chapter?.base?.course_single_name || data?.base?.course_series_title,
+      images: [previousImages],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: chapter?.base?.course_single_name || data?.base?.course_series_title,
+      images: [previousImages],
+    },
+  };
+}
+
 export default async function ChapterPage({ params }) {
   const datas = await Promise.all([
     get(`v1/learn/course/${params.type === 'courses' ? 'opencourse' : 'challenges'}/${params.id}`, {isServer: true}),

diff --git a/src/app/learn/[type]/[id]/page.js b/src/app/learn/[type]/[id]/page.js
@@ -31,7 +31,7 @@ import { GrowPath } from './GrowPath';
 export async function generateMetadata({ params }) {
   // fetch data
   const { data } = await get(`v1/learn/course/${params.type === 'courses' ? 'opencourse' : 'challenges'}/${params.id}`, {isServer: true});
-  const previousImages = `https://file-cdn.openbuild.xyz${data?.base?.course_series_img}` || '';
+  const previousImages = data?.base?.course_series_img ? `https://file-cdn.openbuild.xyz${data.base.course_series_img}` : '';
   return {
     title: data?.base?.course_series_title,
     description: data?.base?.course_series_summary,