💄 Style: 검색모드 정렬순서 변경 (#36)

Author: HaechangLee

src/app/page.js

@@ -45,7 +45,7 @@ const Home = () => {
   const [recentSearches, setRecentSearches] = useState([]);
   const [searchBarProps, setSearchBarProps] = useState({
     initialQuery: '',
-    initialMode: 'keyword',
+    initialMode: 'natural',
     initialType: 'symptom'
   });
   const searchBarRef = useRef(null);

src/components/SearchBar.js

@@ -307,29 +307,29 @@ const updateCache = (prevCache, key, value) => {
         <div className="flex mb-4 border-b border-gray-200">
           <button
             className={`px-8 py-3 font-medium transition-all ${
-              searchMode === 'keyword'
-                ? 'text-[#2BA89C] border-b-2 border-[#2BA89C]'
-                : 'text-gray-500 hover:text-[#2BA89C]'
+              searchMode === 'natural'
+                ? 'text-[#2978F2] border-b-2 border-[#2978F2]'
+                : 'text-gray-500 hover:text-[#2978F2]'
             }`}
             onClick={() => {
-              setSearchMode('keyword');
+              setSearchMode('natural');
               setSearchQuery('');
             }}
           >
-            키워드
+            자연어
           </button>
           <button
             className={`px-8 py-3 font-medium transition-all ${
-              searchMode === 'natural'
-                ? 'text-[#2978F2] border-b-2 border-[#2978F2]'
-                : 'text-gray-500 hover:text-[#2978F2]'
+              searchMode === 'keyword'
+                ? 'text-[#2BA89C] border-b-2 border-[#2BA89C]'
+                : 'text-gray-500 hover:text-[#2BA89C]'
             }`}
             onClick={() => {
-              setSearchMode('natural');
+              setSearchMode('keyword');
               setSearchQuery('');
             }}
           >
-            자연어
+            키워드
           </button>
         </div>
       )}