Merge pull request #347 from SCBJ-7/feature/#342-refactor-search

fix : 검색페이지 오류 수정
SCBJ-7 · Apr 22, 2024 · 5c8f068 · 5c8f068
2 parents 41f6096 + d501a9b
commit 5c8f068
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 8 deletions.
diff --git a/src/pages/searchFilterPage/SearchFilter.tsx b/src/pages/searchFilterPage/SearchFilter.tsx
@@ -53,7 +53,7 @@ const SearchFilter = () => {
     <>
       <S.FilterContainer>
         <S.FilterContent>
-          <S.FilterTitle>언제 어디로 여행가세요?</S.FilterTitle>
+          <S.FilterTitle>언제 어디로 떠나세요?</S.FilterTitle>
           <S.FilterBlock onClick={handleRegionModal}>
             <S.FilterSubTitle>지역</S.FilterSubTitle>
             <S.FilterModalButton>

diff --git a/src/pages/searchPage/Search.style.ts b/src/pages/searchPage/Search.style.ts
@@ -2,15 +2,15 @@ import styled from "styled-components";
 import TopButtonIcon from "@assets/icons/ic_top_button.svg?react";
 
 export const Container = styled.div`
-  background-color: ${({ theme }) => theme.color.white};
+  background-color: ${({ theme }) => theme.color.greyScale7};
 `;
 
 export const SearchContainer = styled.div`
   width: 100%;
   height: 100%;
+  min-height: 100vh;
   color: ${({ theme }) => theme.color.black};
   padding: 130px 0 130px 0;
-  background-color: ${({ theme }) => theme.color.greyScale7};
 `;
 
 export const SearchItemFlex = styled.div`

diff --git a/src/pages/searchPage/components/searchBar/SearchBar.tsx b/src/pages/searchPage/components/searchBar/SearchBar.tsx
@@ -9,7 +9,7 @@ const SearchBar = () => {
   const navigate = useNavigate();
   const searchInfo = useSearchFilterInfoStore((state) => state.searchInfo);
 
-  let searchBarContent = "언제 어디로 여행가세요?";
+  let searchBarContent = "언제 어디로 떠나세요?";
   if (searchInfo.location && searchInfo.checkOut && searchInfo.quantityPeople) {
     searchBarContent = `${searchInfo.location} / ${formatDateMonthAndDay(
       searchInfo.checkIn,

diff --git a/src/pages/searchPage/components/searchItem/SearchItem.style.ts b/src/pages/searchPage/components/searchItem/SearchItem.style.ts
@@ -5,6 +5,7 @@ export const ItemContainer = styled.div`
   width: 100%;
   height: 373px;
   color: ${({ theme }) => theme.color.black};
+  position: relative;
   @media screen and (min-width: 568px) {
     width: calc(50% - 8px);
   }
@@ -25,7 +26,6 @@ export const ItemContent = styled.div`
   justify-content: space-between;
   min-width: 240px;
   height: 181px;
-  position: relative;
   width: 100%;
   padding: 24px 16px;
 `;

diff --git a/src/pages/searchPage/components/searchItem/SearchItem.tsx b/src/pages/searchPage/components/searchItem/SearchItem.tsx
@@ -38,7 +38,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => {
               </div>
               <div>{item.reviewRate}</div>
               <div>&middot;</div>
-              <div>{`${item.hotelRate}성급`}</div>
+              <div>{item.hotelRate}</div>
             </S.ItemRates>
             <S.ItemName>{item.name}</S.ItemName>
             <S.ItemRoomName>{item.roomType}</S.ItemRoomName>
@@ -66,7 +66,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => {
                 </div>
               </S.ItemOriginalPriceCover>
               <S.ItemPriceCover>
-                <div>구매가</div>
+                <div>거래가</div>
                 <S.ItemPrice>
                   {item.salePrice.toLocaleString() + "원"}
                 </S.ItemPrice>

diff --git a/src/pages/searchPage/components/searchNav/SearchNav.style.ts b/src/pages/searchPage/components/searchNav/SearchNav.style.ts
@@ -12,10 +12,11 @@ export const SearchNavContainer = styled.div`
   min-width: 360px;
   width: 100%;
   height: 44px;
-  padding: 0.5rem 1.5rem;
+  padding: 0.5rem 1.5rem 2.5rem 1.5rem;
   position: fixed;
   z-index: 1;
   top: 72px;
+  border-bottom: 1px solid ${({ theme }) => theme.color.greyScale6};
 `;
 
 export const SearchCellCover = styled.div`