fix: 북마크 후 리렌더링 되는 코드 추가

delicious-algorithme · Nov 17, 2024 · 4c7bc0e · 4c7bc0e
1 parent 8f3171e
commit 4c7bc0e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/common/bookmark/BookmarkContainer.jsx b/src/components/common/bookmark/BookmarkContainer.jsx
@@ -25,11 +25,13 @@ const BookmarkContainer = ({ bookmarkId, storeId }) => {
                 if (response.status === 204) {
                     console.log('success delete');
                     fetchBookmarkStores();
+                    navigate(0);
                 }
             } else {
                 const response = await postBookmarkStore(storeId);
                 if (response.status === 201) {
                     fetchBookmarkStores();
+                    navigate(0);
                 } else {
                     console.log(response.error);
                 }

diff --git a/src/components/common/store/StoreCard.jsx b/src/components/common/store/StoreCard.jsx
@@ -19,13 +19,13 @@ const StoreListCard = ({ image, alt, id, name, address, rating, positiveRatio, p
 
     return (
         <StoreListCardLayout>
-            <ContentsContainer onClick={() => cardClickHandler(id)}>
-                <ImageContainer>
+            <ContentsContainer>
+                <ImageContainer onClick={() => cardClickHandler(id)}>
                     <StyledImage src={image} alt={alt} />
                 </ImageContainer>
                 <ContentsBox>
                     <NameAndBookmarkContainer>
-                        <p>{name}</p>
+                        <p onClick={() => cardClickHandler(id)}>{name}</p>
                         <Bookmark bookmarkId={bookmarkId} storeId={id} />
                     </NameAndBookmarkContainer>
                     <RatingContainer>

diff --git a/src/components/storeCard/TopStoreCard.jsx b/src/components/storeCard/TopStoreCard.jsx
@@ -12,7 +12,7 @@ const TopStoreCard = ({ image, alt, bookmarkId, id, address, name, positiveRatio
 
     useEffect(() => {
         if (!bookmarkId) {
-            const bookmark = savedStores.filter((store) => store.storeResponseDto.storeId === id);
+            const bookmark = savedStores.find((store) => store.storeResponseDto.storeId === id);
             const bookmarkId = bookmark?.bookmarkId;
             setSavedId(bookmarkId);
         }