[Fix] - 6차 데모데이 1차 QA(시모) (#578)

* fix(Checkbox): 체크 표시 보이지 않는 문제 해결 * fix(MyLikes): 여행기 보러가기 클릭시 루트 페이지로 이동하는 문제 해결 * refactor: 태그 마우스 벗어났는데도 스크롤 되는 문제 해결 * fix(Chip): 검색 페이지 갔다가 홈으로 돌아오면 에니메이션 정상적으로 작동하지 않는 문제 해결
woowacourse-teams · Oct 24, 2024 · c8102c1 · c8102c1
1 parent b106c74
commit c8102c1
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 3 deletions.
diff --git a/frontend/src/components/common/Checkbox/Checkbox.styled.ts b/frontend/src/components/common/Checkbox/Checkbox.styled.ts
@@ -23,4 +23,5 @@ export const Checkbox = styled.input`
 
 export const iconStyle = css`
   position: absolute;
+  left: 0;
 `;
diff --git a/frontend/src/components/common/Chip/Chip.styled.ts b/frontend/src/components/common/Chip/Chip.styled.ts
@@ -17,7 +17,7 @@ const getButtonColorStyling = (isSelected: boolean) => {
 const fadeInMove = keyframes`
   from {
     opacity: 0;
-    transform: translateY(1rem);
+    transform: translateY(-1rem);
   }
 
   to {

diff --git a/frontend/src/components/pages/main/MainPage.tsx b/frontend/src/components/pages/main/MainPage.tsx
@@ -80,7 +80,7 @@ const MainPage = () => {
       selectedTravelPeriodOption: travelPeriod.selectedOption,
     });
 
-  const { scrollRef, handleMouseDown, handleMouseMove, handleMouseUp } =
+  const { scrollRef, handleMouseUp, handleMouseDown, handleMouseMove } =
     useDragScroll<HTMLUListElement>();
   const { modalRef, handleKeyDown } = useKeyDown<HTMLElement>({
     isOpen: true,
@@ -185,6 +185,7 @@ const MainPage = () => {
             onMouseDown={handleMouseDown}
             onMouseUp={handleMouseUp}
             onMouseMove={handleMouseMove}
+            onMouseLeave={handleMouseUp}
             onKeyDown={handleKeyDown}
           >
             {sortedTags.map((tag, index) => {

diff --git a/frontend/src/components/pages/my/MyLikes/MyLikes.tsx b/frontend/src/components/pages/my/MyLikes/MyLikes.tsx
@@ -35,7 +35,7 @@ const MyLikes = ({ userData }: MyLikesProps) => {
   };
 
   const handleClickIconButton = () => {
-    navigate(ROUTE_PATHS_MAP.root);
+    navigate(ROUTE_PATHS_MAP.main);
   };
 
   useEffect(() => {

diff --git a/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx b/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx
@@ -189,6 +189,7 @@ const TravelogueList = ({ keyword, searchType }: TravelogueListProps) => {
             onMouseDown={handleMouseDown}
             onMouseUp={handleMouseUp}
             onMouseMove={handleMouseMove}
+            onMouseLeave={handleMouseUp}
           >
             {sortedTags.map((tag, index) => {
               const isSelected = selectedTagIDs.includes(tag.id);

diff --git a/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx b/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx
@@ -120,6 +120,7 @@ const TravelogueEditPage = () => {
                 onMouseDown={handleMouseDown}
                 onMouseUp={handleMouseUp}
                 onMouseMove={handleMouseMove}
+                onMouseLeave={handleMouseUp}
               >
                 {sortedTags.map((tag, index) => (
                   <Chip

diff --git a/frontend/src/components/pages/travelogueRegister/TravelogueRegisterPage.tsx b/frontend/src/components/pages/travelogueRegister/TravelogueRegisterPage.tsx
@@ -114,6 +114,7 @@ const TravelogueRegisterPage = () => {
             onMouseDown={handleMouseDown}
             onMouseUp={handleMouseUp}
             onMouseMove={handleMouseMove}
+            onMouseLeave={handleMouseUp}
           >
             {sortedTags.map((tag, index) => (
               <Chip