Skip to content

Commit

Permalink
remove blur hashe (#129)
Browse files Browse the repository at this point in the history
  • Loading branch information
dogfrogfog authored Oct 3, 2024
1 parent 26243e4 commit b992c19
Show file tree
Hide file tree
Showing 6 changed files with 10 additions and 10 deletions.
2 changes: 1 addition & 1 deletion proto
2 changes: 1 addition & 1 deletion src/components/sections/AdsSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
2 changes: 1 addition & 1 deletion src/components/sections/Cart/CartItemRow.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion src/components/sections/HeroSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
10 changes: 5 additions & 5 deletions src/components/ui/Image/index.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { blurhashToBase64 } from "blurhash-base64";
// import { blurhashToBase64 } from "blurhash-base64";
import Image from "next/image";
import ImageContainer from "./ImageContainer";

Expand All @@ -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}>
Expand All @@ -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>
);
Expand Down

0 comments on commit b992c19

Please sign in to comment.