From 47e46f70da187aaf62c0430259948ae825294cf7 Mon Sep 17 00:00:00 2001
From: Jungsub Ryoo <junglesubmarine@gmail.com>
Date: Tue, 29 Oct 2024 15:38:40 +0900
Subject: [PATCH] fix(client): add id information for hash (pagination) (#34)

---
 src/main/front/src/components/FeedCard.jsx        | 2 +-
 src/main/front/src/components/FeedCardGallery.jsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/front/src/components/FeedCard.jsx b/src/main/front/src/components/FeedCard.jsx
index 2dfb019..98d32f2 100644
--- a/src/main/front/src/components/FeedCard.jsx
+++ b/src/main/front/src/components/FeedCard.jsx
@@ -119,7 +119,7 @@ export default function FeedCard({ loading, item, watchSeen = false }) {
             subheader={formatTimestamp(item.createdAt)}
           />
           <CardMedia sx={{ width: "100%" }}>
-            {item.files && <FeedCardGallery images={item.files} />}
+            {item.files && <FeedCardGallery images={item.files} id={item.id} />}
           </CardMedia>
           <CardContent
             sx={{
diff --git a/src/main/front/src/components/FeedCardGallery.jsx b/src/main/front/src/components/FeedCardGallery.jsx
index 300092c..b1db832 100644
--- a/src/main/front/src/components/FeedCardGallery.jsx
+++ b/src/main/front/src/components/FeedCardGallery.jsx
@@ -5,12 +5,12 @@ import { getExtensionFromUrl, isImage, isVideo } from "../tools/tools";
 import "photoswipe/dist/photoswipe.css";
 import FeedCardImageItem from "./FeedCardImageItem";
 
-const FeedCardGallery = ({ images = [] }) => {
+const FeedCardGallery = ({ images = [], id }) => {
   const filteredImages = images.filter((url) => isImage(url) || isVideo(url));
   if (filteredImages.length === 0) return <></>;
   return (
     <div className="FeedCardGallery">
-      <Gallery withDownloadButton>
+      <Gallery withDownloadButton id={id}>
         <FeedCardGalleryContent
           images={images}
           filteredImages={filteredImages}