Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some warnings

Browse Source
This commit is contained in:
Martti Malmi
2024-01-10 18:53:35 +02:00
parent 7220435d15
commit 8e37e0fbed
15 changed files with 450 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/app/src/Components/Feed/ImageGridItem.tsx
View File

@ -7,14 +7,14 @@ import Icon from "@/Components/Icons/Icon";
import { ProxyImg } from "@/Components/ProxyImg";
import getEventMedia from "@/Utils/getEventMedia";
export interface ImageGridItemProps {
interface ImageGridItemProps {
event: TaggedNostrEvent;
onClick?: (event: MouseEvent) => void;
waitUntilInView?: boolean;
}
function ImageGridItem(props: ImageGridItemProps) {
const { event, onClick } = props;
const ImageGridItem = memo((props: ImageGridItemProps) => {
const { event, onClick, waitUntilInView } = props;
const { ref, inView } = useInView({ triggerOnce: true, rootMargin: "0px 0px 3000px 0px" });
const media = getEventMedia(event);
@ -33,7 +33,7 @@ function ImageGridItem(props: ImageGridItemProps) {
};
const renderContent = (): ReactNode | undefined => {
if (props.waitUntilInView && !inView) return undefined;
if (waitUntilInView && !inView) return undefined;
return (
<>
<ProxyImg src={media[0].content} alt="Note Media" size={311} className="w-full h-full object-cover" />
@ -54,6 +54,8 @@ function ImageGridItem(props: ImageGridItemProps) {
{renderContent()}
</Link>
);
}
});
export default memo(ImageGridItem);
ImageGridItem.displayName = "ImageGridItem";
export default ImageGridItem;