diff --git a/src/screens/detail/SearchScreen.js b/src/screens/detail/SearchScreen.js index 75badb3..1932e0e 100644 --- a/src/screens/detail/SearchScreen.js +++ b/src/screens/detail/SearchScreen.js @@ -20,6 +20,7 @@ import { COLOR_TEXT_BLACK, COLOR_TEXT70GRAY, COLOR_TEXT60GRAY, + COLOR_DISABLE_GRAY } from '../../assets/color'; import AnimatedButton from '../../components/AnimationButton'; import Header from '../../components/Header'; @@ -117,7 +118,7 @@ export default function SearchScreen(props) { <>
- + {/* 검색창 */} 최근 검색어 @@ -189,7 +190,7 @@ export default function SearchScreen(props) { } }} style={{marginLeft: 10}}> - + 전체 삭제 @@ -214,20 +215,6 @@ export default function SearchScreen(props) { navigation.goBack(); }}> {item.query} - { - console.log('삭제'); - deleteRecentSearch(item.query); - setRecentSearch(prevQueries => - prevQueries.filter(q => q.query !== item.query), - ); - }}> - - @@ -287,16 +274,20 @@ const styles = StyleSheet.create({ flexDirection: 'row', justifyContent: 'center', alignItems: 'center', - padding: 3, - paddingHorizontal: 7, + paddingHorizontal: 10, + paddingVertical: 5, borderRadius: 15, - backgroundColor: COLOR_PRIMARY, - height: 24, + backgroundColor: COLOR_WHITE, + borderColor: COLOR_DISABLE_GRAY, + borderWidth: 1, + height: 30, }, recentText: { - fontSize: 12, - color: COLOR_WHITE, - marginRight: 5, + fontSize: 15, + color: COLOR_TEXT_BLACK, + textAlign: 'center', + lineHeight: 20, + fontFamily: 'NanumSquareRound', }, searchArea: { // backgroundColor: 'blue',