remove blurrd image

konfig-dev · Jul 22, 2023 · fa33f5d · fa33f5d
1 parent 8f82c85
commit fa33f5d
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 7 deletions.
diff --git a/konfigthis.com/next.config.js b/konfigthis.com/next.config.js
@@ -17,7 +17,7 @@ const nextConfig = {
     // If you do not want to use blurry placeholder images, then you can set
     // nextImageExportOptimizer_generateAndUseBlurImages to false and pass
     // `placeholder="empty"` to all <ExportedImage> components.
-    nextImageExportOptimizer_generateAndUseBlurImages: true,
+    nextImageExportOptimizer_generateAndUseBlurImages: false,
   },
 };
 

diff --git a/konfigthis.com/src/components/FooterSimple/FooterSimple.tsx b/konfigthis.com/src/components/FooterSimple/FooterSimple.tsx
@@ -8,7 +8,7 @@ import {
 } from "@mantine/core";
 import { IconBrandLinkedin } from "@tabler/icons-react";
 import logo from "./logo.png";
-import Image from "next-image-export-optimizer";
+import Image from "@/components/image";
 
 const useStyles = createStyles((theme) => ({
   footer: {

diff --git a/konfigthis.com/src/components/GetSdksInAnyLanguage/GetSdksInAnyLanguage.tsx b/konfigthis.com/src/components/GetSdksInAnyLanguage/GetSdksInAnyLanguage.tsx
@@ -17,7 +17,7 @@ import csharp from "../../../public/csharp.png";
 import ruby from "../../../public/ruby.png";
 import swift from "../../../public/swift.png";
 import php from "../../../public/php.png";
-import Image from "next-image-export-optimizer";
+import Image from "@/components/image";
 
 export function GetSdksInAnyLanguage() {
   return (

diff --git a/konfigthis.com/src/components/GetSdksWithZeroEffort/GetSdksWithZeroEffort.tsx b/konfigthis.com/src/components/GetSdksWithZeroEffort/GetSdksWithZeroEffort.tsx
@@ -17,7 +17,7 @@ import {
 import { useViewportSize, useWindowScroll } from "@mantine/hooks";
 import { IconRefresh } from "@tabler/icons-react";
 
-import Image from "next-image-export-optimizer";
+import Image from "@/components/image";
 import { useEffect, useMemo, useState } from "react";
 import ReactFlow, {
   Edge,

diff --git a/konfigthis.com/src/components/HeaderSimple/HeaderSimple.tsx b/konfigthis.com/src/components/HeaderSimple/HeaderSimple.tsx
@@ -6,8 +6,8 @@ import {
   Group,
   Anchor,
 } from "@mantine/core";
-import Image from "next-image-export-optimizer";
 import logo from "./logo.png";
+import Image from "@/components/image";
 import { useSubtleLinkStyles } from "@/utils/use-subtle-link-styles";
 
 const useStyles = createStyles((theme) => ({
@@ -70,7 +70,7 @@ export function HeaderSimple() {
   return (
     <Header height={60}>
       <Container size="lg" className={classes.header}>
-        <Image height={40} src={logo} alt="Konfig Logo" />
+        <Image height={40} src={logo} placeholder="empty" alt="Konfig Logo" />
         <Group spacing="xs">
           <Anchor
             target="_blank"

diff --git a/konfigthis.com/src/components/TrustedBy/TrustedBy.tsx b/konfigthis.com/src/components/TrustedBy/TrustedBy.tsx
@@ -1,5 +1,5 @@
 import { Center, Container, Group, Stack, Title, rem } from "@mantine/core";
-import Image from "next-image-export-optimizer";
+import Image from "@/components/image";
 import snaptrade from "../../../public/snaptrade.png";
 import humanloop from "../../../public/humanloop.png";
 import splitit from "../../../public/splitit.png";

diff --git a/konfigthis.com/src/components/image.tsx b/konfigthis.com/src/components/image.tsx
@@ -0,0 +1,8 @@
+import { ExportedImageProps } from "next-image-export-optimizer";
+import NextImage from "next-image-export-optimizer";
+
+export default function Image(
+  props: ExportedImageProps & React.RefAttributes<HTMLImageElement | null>
+) {
+  return <NextImage {...props} placeholder="empty" />;
+}