fix: don't use svg in og image generation

RevokeCash · Dec 25, 2024 · 0e21d16 · 0e21d16
1 parent 2a5f2f9
commit 0e21d16
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/[locale]/og.jpg/exploits/[slug]/route.tsx b/app/[locale]/og.jpg/exploits/[slug]/route.tsx
@@ -21,7 +21,7 @@ export const generateStaticParams = async () => {
 };
 
 export async function GET(req: Request, { params }: Props) {
-  const icon = loadDataUrl('public/assets/images/revoke-icon-orange-black.svg', 'image/svg+xml');
+  const icon = loadDataUrl('public/assets/images/revoke-icon-orange-black.png', 'image/png');
 
   const t = await getTranslations({ locale: params.locale });
   const exploit = await getExploitBySlug(params.slug, params.locale);

diff --git a/lib/utils/og.tsx b/lib/utils/og.tsx
@@ -36,7 +36,7 @@ export const generateOgImage = ({ title, background }: OgImageProps) => {
     });
   }
 
-  const icon = loadDataUrl('public/assets/images/revoke-icon-orange-black.svg', 'image/svg+xml');
+  const icon = loadDataUrl('public/assets/images/revoke-icon-orange-black.png', 'image/png');
 
   const response = (
     <div tw="relative bg-white w-full h-full flex flex-col text-4xl leading-none items-center justify-center">