feat(components): add word-phrase filter for WordPage

Closes #103
crimx · May 21, 2018 · 29cf96a · 29cf96a
1 parent 94ff5d4
commit 29cf96a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/_locales/wordpage/messages.json b/src/_locales/wordpage/messages.json
@@ -94,6 +94,16 @@
     "zh_CN": "英文",
     "zh_TW": "英文"
   },
+  "filter-word-word": {
+    "en": "Word",
+    "zh_CN": "单词",
+    "zh_TW": "單字"
+  },
+  "filter-word-phrase": {
+    "en": "Phrase",
+    "zh_CN": "词组和句子",
+    "zh_TW": "片語和句子"
+  },
   "title_history": {
     "en": "Search History",
     "zh_CN": "查词记录",

diff --git a/src/background/database.ts b/src/background/database.ts
@@ -105,7 +105,9 @@ export async function getWords ({
     collection.filter(record => {
       const rText = shouldFilter
         ? (validLangs['en'] && isContainEnglish(record.text)) ||
-          (validLangs['ch'] && isContainChinese(record.text))
+          (validLangs['ch'] && isContainChinese(record.text)) ||
+          (validLangs['word'] && !/\s/.test(record.text)) ||
+          (validLangs['phra'] && /\s/.test(record.text))
         : true
 
       const rSearch = searchText

diff --git a/src/components/WordPage/App.tsx b/src/components/WordPage/App.tsx
@@ -119,6 +119,8 @@ export class WordPageMain extends React.Component<WordPageMainInnerProps, WordPa
         filters: [
           { text: t('filter-word-chs'), value: 'ch' },
           { text: t('filter-word-eng'), value: 'en' },
+          { text: t('filter-word-word'), value: 'word' },
+          { text: t('filter-word-phrase'), value: 'phra' },
         ],
       },
       {