fix: opengraph image not showing

rccyx · rccyx · commit f3357dda9590 · 2024-05-23T21:06:24.000+01:00
diff --git a/src/app/components/protos/hero-section.tsx b/src/app/components/protos/hero-section.tsx
@@ -381,6 +381,10 @@ import { Button } from '../ui/button';
 
 /* eslint-disable */
 
+/* eslint-disable */
+
+/* eslint-disable */
+
 function TypingAnimation() {
   const el = useRef(null);
 
diff --git a/src/app/components/reusables/code/code-block.tsx b/src/app/components/reusables/code/code-block.tsx
@@ -148,6 +148,16 @@ import CopyButton from './copy-code';
 
 // react-syntax-highlighter has no types
 
+/* eslint-disable */
+// @ts-nocheck
+
+// react-syntax-highlighter has no types
+
+/* eslint-disable */
+// @ts-nocheck
+
+// react-syntax-highlighter has no types
+
 /* eslint-disable */
 // @ts-nocheck
 SyntaxHighlighter.registerLanguage('rust', rust);
diff --git a/src/app/opengraph-image.tsx b/src/app/opengraph-image.tsx
@@ -10,8 +10,18 @@ export const contentType = 'image/png';
 export default async function Image() {
   return new ImageResponse(
     (
-      <div className="text-[128px] dimmed-4 gradient-bg w-full h-full flex items-center justify-center">
-        <span>A S H G W</span>
+      <div
+        className="gradient-bg"
+        style={{
+          fontSize: 128,
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <span className="dimmed-4">A S H G W</span>
       </div>
     ),
     {
diff --git a/src/lib/mdx/content.ts b/src/lib/mdx/content.ts
@@ -32,7 +32,6 @@ async function readMDXFile(filePath: string): Promise<Optional<MDXData>> {
   }
 }
 async function getMDXData(dir: string): Promise<Optional<PostData[]>> {
-  console.log('Invoked all mdx data from: ' + dir);
   const mdxFiles = await getMDXFiles(dir);
   if (mdxFiles === null) {
     return null;
@@ -53,9 +52,6 @@ async function getMDXData(dir: string): Promise<Optional<PostData[]>> {
 export async function getBlogPosts(
   blogDirectory: string = BLOG_CONTENT_PATH
 ): Promise<Optional<PostData[]>> {
-  console.log(
-    'Invoked all blog posts from: ' + path.join(process.cwd(), blogDirectory)
-  );
   return getMDXData(path.join(process.cwd(), blogDirectory));
 }
 
@@ -74,7 +70,6 @@ export async function getBlogPost(slug: string): Promise<Optional<PostData>> {
     (p) => p?.filename === slug
   );
   if (blogPost === undefined) {
-    console.log('No blog post matched the given slug');
     return null;
   }
   return blogPost;
@@ -91,7 +86,6 @@ export async function getBusinessPost(
     (p) => p?.filename === slug
   );
   if (blogPost === undefined) {
-    console.log('No blog post matched the given slug');
     return null;
   }
   return blogPost;
