fixing build

blkluv · Mar 20, 2023 · 39d812c · 39d812c
1 parent c8e40cc
commit 39d812c
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'image.w.kodadot.xyz',
+        port: '',
+        pathname: '/ipfs/**',
+      },
+    ],
+  },
 }
 
 module.exports = nextConfig
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -1,3 +1,5 @@
+import Image from "next/image";
+import Link from "next/link";
 import StarGazers from "./StarGazers";
 
 export default function Header() {
@@ -10,13 +12,15 @@ export default function Header() {
       >
         <div className="rainfall w-full h-full absolute" />
         <nav className="w-11/12 h-24 max-w-5xl mx-auto flex items-center justify-between relative">
-          <a href="/">
-            <img
+          <Link href="/">
+            <Image
               src="/logo.svg"
-              alt="Deno Logo"
+              alt="Logo"
+              width="50"
+              height="50"
               className="h-14 w-14"
             />
-          </a>
+          </Link>
           <StarGazers />
         </nav>
       </header>

diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
@@ -2,6 +2,7 @@ import IconCart from './IconCart';
 import Link from 'next/link';
 import { formatBalance, sanitizeUri } from '@/helper';
 import { Item } from '@/helper/types';
+import Image from 'next/image';
 
 export default function ProductCard({ item }: { item: Item } ) {
     const price = formatBalance(item.price)
@@ -17,7 +18,7 @@ export default function ProductCard({ item }: { item: Item } ) {
         <div
         className=" aspect-square w-full bg-white rounded-xl overflow-hidden border-2 border-gray-200 transition-all duration-500 relative"
         >
-          <img
+          <Image
             src={image}
             alt="image"
             width="400"

diff --git a/src/components/ProductDetails.tsx b/src/components/ProductDetails.tsx
@@ -73,7 +73,7 @@ export default function Product({ item }: { item: Item}) {
         className="aspect-square w-full bg-white rounded-xl border-2 border-gray-200 mt-12 lg:mt-0 lg:col-start-2 lg:row-span-2 lg:self-start"
       >
         <div className="rounded-lg overflow-hidden">
-            <img
+            <Image
               id="productImage"
               src={image}
               alt={item.name}