Merge pull request #191 from kaogeek/190-polishing-details-search-url…

…-using-plus-see-moreless #190 Polishing details - Search URL using plus, See more/less
kaogeek · Sep 6, 2024 · 6926903 · 6926903
2 parents f971b70 + 0fabacb
commit 6926903
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Sections.jsx b/src/components/Sections.jsx
@@ -119,8 +119,8 @@ export default function Sections({ sections, search = null }) {
                     />
                   </div>
                   {isShown &&
-                    <button style={{ color: '#14a', border: '1px solid #bbb', padding: '3px 7px' }} onClick={() => setTopicIsExpanded(!isTopicExpanded)}>
-                      {isTopicExpanded ? 'กดเพิ่ออ่านน้อยลง' : 'กดเพิ่ออ่านเพิ่มเติม'}
+                    <button style={{ color: '#14a', textDecoration: 'underline' }} onClick={() => setTopicIsExpanded(!isTopicExpanded)}>
+                      {isTopicExpanded ? 'อ่านน้อยลง' : 'อ่านเพิ่มเติม'}
                     </button>
                   }
                 </div>

diff --git a/src/pages/Search.jsx b/src/pages/Search.jsx
@@ -101,7 +101,7 @@ export default function Search({ searchInputValue, setSearchInputValue }) {
             const [section, chapter] = item[1].split('|');
             return (
                 <Link
-                    to={"/section/" + item[0] + `/${searchInputValue}`}
+                    to={"/section/" + item[0] + `/${searchInputValue.trim().replace(/\s/g, '+')}`}
                     onClick={() => saveHistory(searchInputValue)}
                     key={index}
                     state={{ backable: true }}

diff --git a/src/utils/highlight.js b/src/utils/highlight.js
@@ -4,7 +4,7 @@ export default function highlight(content, words='') {
   }
   return words
     .trim()
-    .split(' ')
+    .split('+')
     .reduce(
       (hc, word) => hc.replace(
         new RegExp(word, 'gi'),