From b992c196d21465c87ee3df1223df1bcbca782959 Mon Sep 17 00:00:00 2001
From: maksim hodasevich <47758224+dogfrogfog@users.noreply.github.com>
Date: Thu, 3 Oct 2024 22:41:51 +0200
Subject: [PATCH] remove blur hashe (#129)

---
 proto                                                  |  2 +-
 src/components/sections/AdsSection.tsx                 |  2 +-
 src/components/sections/Cart/CartItemRow.tsx           |  2 +-
 src/components/sections/HeroSection.tsx                |  2 +-
 .../sections/ProductsGridSection/ProductItem.tsx       |  2 +-
 src/components/ui/Image/index.tsx                      | 10 +++++-----
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/proto b/proto
index 50dc9a9..5d327e1 160000
--- a/proto
+++ b/proto
@@ -1 +1 @@
-Subproject commit 50dc9a9972473a23e408c5b7ce16416f9b6dcb2c
+Subproject commit 5d327e19f0c3b5f335ace70d64e958521b3e89f1
diff --git a/src/components/sections/AdsSection.tsx b/src/components/sections/AdsSection.tsx
index 6bae9c3..aea5c8f 100644
--- a/src/components/sections/AdsSection.tsx
+++ b/src/components/sections/AdsSection.tsx
@@ -19,7 +19,7 @@ export default function AdsSection({
                 a?.media?.media?.fullSize.width,
                 a?.media?.media?.fullSize.height,
               )}
-              blurHash={a?.media?.media?.blurhash}
+              // blurHash={a?.media?.media?.blurhash}
             />
           </div>
         ) : null,
diff --git a/src/components/sections/Cart/CartItemRow.tsx b/src/components/sections/Cart/CartItemRow.tsx
index fa316cb..b12c1e5 100644
--- a/src/components/sections/Cart/CartItemRow.tsx
+++ b/src/components/sections/Cart/CartItemRow.tsx
@@ -20,7 +20,7 @@ export default function CartItemRow({
             alt="product"
             fit="cover"
             aspectRatio="2/3"
-            blurHash={product.blurhash}
+            // blurHash={product.blurhash}
           />
         </div>
         <div className="space-y-2">
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index 357a2ab..83b17bd 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -12,7 +12,7 @@ export default function Hero({ media }: common_HeroItem) {
           src={media.media?.fullSize?.mediaUrl!}
           alt="main hero image"
           aspectRatio="4/3"
-          blurHash={media.media?.blurhash}
+          // blurHash={media.media?.blurhash}
         />
       </div>
     </div>
diff --git a/src/components/sections/ProductsGridSection/ProductItem.tsx b/src/components/sections/ProductsGridSection/ProductItem.tsx
index 8cf31ae..97931c8 100644
--- a/src/components/sections/ProductsGridSection/ProductItem.tsx
+++ b/src/components/sections/ProductsGridSection/ProductItem.tsx
@@ -36,7 +36,7 @@ export default function ProductItem({
               alt={product.productDisplay?.productBody?.name || ""}
               aspectRatio="4/3" // take from BE values
               fit="cover"
-              blurHash={product.productDisplay?.thumbnail?.media?.blurhash}
+              // blurHash={product.productDisplay?.thumbnail?.media?.blurhash}
             />
           </div>
           <div className="flex w-full gap-3">
diff --git a/src/components/ui/Image/index.tsx b/src/components/ui/Image/index.tsx
index d1d14b2..cd465ae 100644
--- a/src/components/ui/Image/index.tsx
+++ b/src/components/ui/Image/index.tsx
@@ -1,4 +1,4 @@
-import { blurhashToBase64 } from "blurhash-base64";
+// import { blurhashToBase64 } from "blurhash-base64";
 import Image from "next/image";
 import ImageContainer from "./ImageContainer";
 
@@ -8,14 +8,14 @@ export default function ImageComponent({
   alt,
   sizes = "(max-width: 1280px) 100vw, 1280px",
   fit,
-  blurHash,
+  // blurHash,
 }: {
   alt: string;
   src: string;
   aspectRatio: string;
   sizes?: string;
   fit?: "cover" | "contain";
-  blurHash?: string;
+  // blurHash?: string;
 }) {
   return (
     <ImageContainer aspectRatio={aspectRatio}>
@@ -28,8 +28,8 @@ export default function ImageComponent({
         style={{
           objectFit: fit,
         }}
-        placeholder={blurHash ? "blur" : undefined}
-        blurDataURL={blurHash ? blurhashToBase64(blurHash) : undefined}
+        // placeholder={blurHash ? "blur" : undefined}
+        // blurDataURL={blurHash ? blurhashToBase64(blurHash) : undefined}
       />
     </ImageContainer>
   );