Merge pull request #251 from STUDIO-EYE/feat/161-Artwork-e2e

hotfix: PP artwork detail 수정
STUDIO-EYE · Dec 12, 2024 · 499760c · 499760c
2 parents 73ca017 + e597c5a
commit 499760c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/components/PromotionAdmin/Artwork/ArtworkSequence/ArtworkSequence.tsx b/src/components/PromotionAdmin/Artwork/ArtworkSequence/ArtworkSequence.tsx
@@ -151,8 +151,7 @@ const ArtworkSequence = ({ type, data, isLoading, error, refetch }: ArtworkSeque
       ) : onEdit ? (
         <DragDropContext onDragEnd={onDragEnd}>
           {type === 'main' //main sequence면 top 고정
-            ? realData
-                ?.filter((i) => i.projectType === 'top')
+            ? data?.filter((i) => i.projectType === 'top')
                 .map((i) => (
                   <div style={{ marginBottom: '3px' }}>
                     <ArtworkSequenceBox type={'top'} artworkData={i} />
@@ -183,8 +182,7 @@ const ArtworkSequence = ({ type, data, isLoading, error, refetch }: ArtworkSeque
         <div>
           {/*edit 모드 아니면 일반 리스트*/}
           {type === 'main' //main sequence면 top 고정
-            ? realData
-                ?.filter((i) => i.projectType === 'top')
+            ? data?.filter((i) => i.projectType === 'top')
                 .map((i) => (
                   <div style={{ marginBottom: '3px' }}>
                     <ArtworkSequenceBox type={'top'} artworkData={i} />

diff --git a/src/components/PromotionPage/ArtworkDetail/ImageSlider.tsx b/src/components/PromotionPage/ArtworkDetail/ImageSlider.tsx
@@ -27,6 +27,7 @@ function ImageSlider({ projectImages }: IImageSliderProps) {
   return (
     <div style={{ position: 'relative', width: '100%', height: '100%', overflow: 'hidden' }}>
       <AnimatePresence>
+      {projectImages[index] && projectImages[index].imageUrlList && (
         <motion.img
           key={projectImages[index].id}
           src={projectImages[index].imageUrlList}
@@ -36,7 +37,7 @@ function ImageSlider({ projectImages }: IImageSliderProps) {
           transition={{ duration: 1 }}
           style={{ position: 'absolute', width: '100%', height: '100%', objectFit: 'cover' }}
           alt=''
-        />
+        />)}
       </AnimatePresence>
       <div style={{ position: 'absolute', bottom: '20px', width: '100%', textAlign: 'center' }}>
         {projectImages.map((_, pageIndex) => (

diff --git a/src/pages/PromotionPage/ArtworkPage/ArtworkDetailPage.tsx b/src/pages/PromotionPage/ArtworkPage/ArtworkDetailPage.tsx
@@ -23,9 +23,8 @@ function ArtworkDetailPage() {
   const { data, isLoading } = useQuery<IArtworksData>(['artwork', 'id'], getArtworkData);
   const [filteredData,setFilteredData]=useState<IArtwork[]>([])
 
-  const clickedArtwork =
-    artworkDetailMatch?.params.id && data?.data.find((artwork) => String(artwork.id) === artworkDetailMatch.params.id);
-    useEffect(()=>{
+  const clickedArtwork = artworkDetailMatch?.params.id && data?.data.find((artwork) => String(artwork.id) === artworkDetailMatch.params.id);
+  useEffect(()=>{
     if(data){
       if(artworkDetailMatch?.params.category!=="all"){
         setFilteredData(data.data.filter((d)=>{return d.category===artworkDetailMatch?.params.category! && d.isPosted===true}))
@@ -34,7 +33,7 @@ function ArtworkDetailPage() {
         setFilteredData(data.data.filter((d)=>{return d.isPosted===true}))
       }
     }
-  },[])
+  },[data, artworkDetailMatch?.params.category])
 
   // animation
   const { scrollYProgress } = useScroll();