Render ogp image on third party publish content item

Shinyaigeek · Sep 4, 2024 · 97ccaea · 97ccaea
1 parent 62ce227
commit 97ccaea
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/applications/turbo-blog/src/build/handlers/index/generate.tsx b/packages/applications/turbo-blog/src/build/handlers/index/generate.tsx
@@ -58,6 +58,7 @@ export const generateIndexPage: GenerateHandler<Context> = async ({
  description: thirdPartyPublishContentItem.description,
  publishedAt: thirdPartyPublishContentItem.publishedAt.toString(),
  path: thirdPartyPublishContentItem.slug.toString(),
+ ogp: thirdPartyPublishContentItem.ogp.toString(),
  };
  },
  );

diff --git a/packages/applications/turbo-blog/src/ui/pages/Home/Home.tsx b/packages/applications/turbo-blog/src/ui/pages/Home/Home.tsx
@@ -1,3 +1,4 @@
+import type { Undefinable } from "option-t/esm/Undefinable";
 import type { FunctionComponent } from "react";
 import { FirstBoard } from "./components/FirstBoard/FirstBoard";
 import { Item } from "./components/Item/Item";
@@ -8,6 +9,7 @@ interface Props {
  description: string;
  publishedAt: string;
  path: string;
+ ogp?: Undefinable<string>;
  }[];
 }
 
@@ -22,6 +24,7 @@ export const Home: FunctionComponent<Props> = ({ items }) => (
  description={item.description}
  publishedAt={item.publishedAt}
  path={item.path}
+ ogp={item.ogp}
  />
  );
  })}