From 0baa6bfc3c954ff7086b83174178733a3aebf08a Mon Sep 17 00:00:00 2001
From: Bob Sin <kd.sin@bucketplace.net>
Date: Sat, 1 Jun 2024 20:45:45 +0900
Subject: [PATCH] =?UTF-8?q?[KAN-135]=20=EA=B2=80=EC=83=89=20>=20=EC=9E=90?=
 =?UTF-8?q?=EB=8F=99=EC=99=84=EC=84=B1=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EC=B6=94=EA=B0=80=20+=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=EC=99=84=EC=84=B1=20=ED=99=94=EB=A9=B4=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg.js                  |  8 +++-----
 src/screens/detail/SearchScreen.js | 33 ++++++++++++++++++++++--------
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/assets/svg.js b/src/assets/svg.js
index e95de90..ac2d531 100644
--- a/src/assets/svg.js
+++ b/src/assets/svg.js
@@ -161,11 +161,9 @@ export const svgXml = {
     </svg>
     `,
     search: `
-    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="11" cy="11" r="7" stroke="#666666" stroke-width="2"/>
-    <path d="M11 8C10.606 8 10.2159 8.0776 9.85195 8.22836C9.48797 8.37913 9.15726 8.6001 8.87868 8.87868C8.6001 9.15726 8.37913 9.48797 8.22836 9.85195C8.0776 10.2159 8 10.606 8 11" stroke="#666666" stroke-width="2" stroke-linecap="round"/>
-    <path d="M20 20L17 17" stroke="#666666" stroke-width="2" stroke-linecap="round"/>
-    </svg>       
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.4533 7.93913C13.4533 5.10087 11.1524 2.8 8.31413 2.8C5.47587 2.8 3.175 5.10087 3.175 7.93913C3.175 10.7774 5.47587 13.0783 8.31413 13.0783C11.1524 13.0783 13.4533 10.7774 13.4533 7.93913ZM12.1429 13.1168C11.0727 13.9095 9.74817 14.3783 8.31413 14.3783C4.7579 14.3783 1.875 11.4954 1.875 7.93913C1.875 4.3829 4.7579 1.5 8.31413 1.5C11.8704 1.5 14.7533 4.3829 14.7533 7.93913C14.7533 9.5927 14.13 11.1007 13.1055 12.241L16.9296 16.0651L16.0104 16.9843L12.1429 13.1168Z" fill="#2F3438"/>
+    </svg>
     `,
     persent: `
     <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/src/screens/detail/SearchScreen.js b/src/screens/detail/SearchScreen.js
index 1932e0e..5b4d7d7 100644
--- a/src/screens/detail/SearchScreen.js
+++ b/src/screens/detail/SearchScreen.js
@@ -69,9 +69,8 @@ export default function SearchScreen(props) {
         headers: {Authorization: `Bearer ${context.accessToken}`},
       });
 
-      console.log('response:', response.data.results);
-
-      setAutoCompleteData(response.data.results);
+      const limitedResults = response.data.results.slice(0, 5);
+      setAutoCompleteData(limitedResults);
     } catch (e) {
       console.log('error', e);
     }
@@ -118,7 +117,10 @@ export default function SearchScreen(props) {
     <>
       <Header title={'검색'} isBackButton={true} />
       <View style={styles.entire}>
-        <View style={{alignItems: 'center', marginBottom: 20}}>
+        <View style={{
+          alignItems: 'center', 
+          marginBottom: searchText.length == 0 ? 20: 0,
+        }}>
           {/* 검색창 */}
           <View
             style={{
@@ -238,6 +240,8 @@ export default function SearchScreen(props) {
                     }}>
                     <SvgXml xml={svgXml.icon.search} width="18" height="18" />
                     <Text style={styles.buttonText}>{item.org_display}</Text>
+                    <View style={{flex: 1}} />
+                    <Text style={styles.categoryText}>{item.category}</Text>
                   </AnimatedButton>
                 );
               }}
@@ -256,10 +260,11 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   textInput: {
-    marginLeft: 10,
+    marginLeft: 4,
     flex: 1,
-    fontSize: 12,
+    fontSize: 14,
     color: COLOR_TEXT_BLACK,
+    fontFamily: 'NanumSquareRound',
     padding: 0,
   },
   recentHeader: {
@@ -300,15 +305,25 @@ const styles = StyleSheet.create({
     width: windowWidth,
   },
   listButton: {
-    // backgroundColor: 'blue',
+    marginStart: 18,
     padding: 8,
     paddingHorizontal: 16,
     flexDirection: 'row',
+    alignItems: 'center',
   },
   buttonText: {
-    fontSize: 12,
+    fontSize: 13,
     color: COLOR_TEXT_BLACK,
-    fontWeight: 'normal',
+    marginStart: 6,
+    fontFamily: 'NanumSquareRound',
     marginLeft: 2,
   },
+  categoryText: {
+    fontSize: 12,
+    color: COLOR_PRIMARY,
+    marginStart: 6,
+    fontFamily: 'NanumSquareRoundEB',
+    textAlign: 'right',
+    marginBottom: 2.5,
+  }
 });