From 34e892937e640fd43bb6de6343f12e76c6ae1021 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Tue, 19 Dec 2023 11:15:30 +0200
Subject: [PATCH] use ProxyImg in grid

---
 packages/app/src/Element/Feed/ImageGridItem.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/Element/Feed/ImageGridItem.tsx b/packages/app/src/Element/Feed/ImageGridItem.tsx
index 66ff3f7d6..e047ec231 100644
--- a/packages/app/src/Element/Feed/ImageGridItem.tsx
+++ b/packages/app/src/Element/Feed/ImageGridItem.tsx
@@ -1,13 +1,12 @@
 import { NostrLink, TaggedNostrEvent } from "@snort/system";
 import { MouseEvent } from "react";
-import useImgProxy from "@/Hooks/useImgProxy";
 import { Link } from "react-router-dom";
 import Icon from "@/Icons/Icon";
 import getEventMedia from "@/Element/Event/getEventMedia";
+import { ProxyImg } from "@/Element/ProxyImg";
 
 const ImageGridItem = (props: { event: TaggedNostrEvent; onClick: (e: MouseEvent) => void }) => {
   const { event, onClick } = props;
-  const { proxy } = useImgProxy();
 
   const media = getEventMedia(event);
 
@@ -26,7 +25,7 @@ const ImageGridItem = (props: { event: TaggedNostrEvent; onClick: (e: MouseEvent
 
   return (
     <Link to={`/${noteId}`} className="aspect-square cursor-pointer hover:opacity-80 relative" onClick={myOnClick}>
-      <img src={proxy(media[0].content, 256)} alt="Note Media" className="w-full h-full object-cover" />
+      <ProxyImg src={media[0].content} alt="Note Media" className="w-full h-full object-cover" />
       <div className="absolute right-2 top-2 flex flex-col gap-2">
         {multiple && <Icon name="copy-solid" className="text-white opacity-80 drop-shadow-md" />}
         {isVideo && <Icon name="play-square-outline" className="text-white opacity-80 drop-shadow-md" />}