[autofix.ci] apply automated fixes

unkeyed · Sep 11, 2024 · e7ad2ea · e7ad2ea
1 parent b1252fd
commit e7ad2ea
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/apps/www/components/image-with-blur.tsx b/apps/www/components/image-with-blur.tsx
@@ -8,4 +8,4 @@ export const ImageWithBlur: React.FC<ImageProps> = (props) => {
       blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="
     />
   );
-};
+};
diff --git a/apps/www/components/mdx-content.tsx b/apps/www/components/mdx-content.tsx
@@ -1,19 +1,30 @@
 import { useMDXComponent } from "@content-collections/mdx/react";
 import type { ImageProps } from "next/image";
+import Image from "next/image";
 import type { DetailedHTMLProps, ImgHTMLAttributes, JSX } from "react";
 import { BlogCodeBlock, BlogCodeBlockSingle } from "./blog/blog-code-block";
 import { BlogList, BlogListItem, BlogListNumbered, type BlogListProps } from "./blog/blog-list";
 import { BlogQuote, type BlogQuoteProps } from "./blog/blog-quote";
 import { ImageWithBlur } from "./image-with-blur";
 import { Alert } from "./ui/alert/alert";
-import Image from "next/image";
-
-
 
 export const MdxComponents = {
-  Image: (props: ImageProps) => props.width || props.fill ? <Image {...props} placeholder="blur"
-      blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="/> : <Image {...props} placeholder="blur" width={1920} height={1080}
-      blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="/>,
+  Image: (props: ImageProps) =>
+    props.width || props.fill ? (
+      <Image
+        {...props}
+        placeholder="blur"
+        blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="
+      />
+    ) : (
+      <Image
+        {...props}
+        placeholder="blur"
+        width={1920}
+        height={1080}
+        blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="
+      />
+    ),
   img: (props: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => (
     <img src={props.src} alt={props.src} />
   ),
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,4 +8,4 @@ export const ImageWithBlur: React.FC<ImageProps> = (props) => { @@
           blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+e1bKQAJMQNc5W2CQwAAAABJRU5ErkJggg=="
         />
       );
-    };
+    };