Set up infinite scroll n stuff

This commit is contained in:
2025-02-22 13:37:03 +00:00
parent 6eaf1d6b9f
commit e514d05fd6
8 changed files with 75 additions and 41 deletions

View File

@@ -9,22 +9,7 @@ export default async function Photos(): Promise<React.JSX.Element> {
return (
<div className="mx-auto">
<TRPCProvider>
<FilteredLightbox imageData={images}>
{images.map((image) => (
<Image
key={image.src}
alt={image.src}
src={image.src}
className="object-contain h-60 w-80"
sizes="100vw"
loading="lazy"
width={image.width}
height={image.height}
blurDataURL={image.blur}
placeholder="blur"
/>
))}
</FilteredLightbox>
<FilteredLightbox imageData={images}/>
</TRPCProvider>
</div>
);