improve UX in searchPanel

Author: mydearxym

containers/UniversePanel/Pigeon.js

@@ -60,6 +60,6 @@ export class SearchService {
   }
 
   emptyInput() {
-    return this.searchTerm.debounceTime(600).filter(isEmptyValue)
+    return this.searchTerm.filter(isEmptyValue)
   }
 }

containers/UniversePanel/logic.js

@@ -8,11 +8,24 @@ const debug = makeDebugger('L:UniversePanel')
 let store = null
 let Pigeon = null
 
-const repoData = R.map(
-  R.pick(['id', 'name', 'description', 'language', 'owner', 'stargazers_count'])
+const RLog = x => debug('R log: ', x)
+
+const washItems = R.compose(
+  R.map(
+    R.pick([
+      'id',
+      'name',
+      'description',
+      'language',
+      'owner',
+      'stargazers_count',
+    ])
+  ),
+  R.prop('items')
 )
 
-// const RLog = x => debug('R log: ', x)
+// TODO: network error or something
+const repoData = R.ifElse(R.has('items'), washItems, R.tap(RLog))
 
 const reposIsEmpty = R.compose(R.isEmpty, R.prop('reposData'))
 const inputValueIsNotEmpty = R.compose(R.not, R.isEmpty, R.prop('inputValue'))
@@ -46,7 +59,8 @@ export function init(selectedStore) {
     store.markState({
       searching: false,
     })
-    store.replaceRepos(repoData(res.items))
+    store.replaceRepos(repoData(res))
+    // store.replaceRepos([])
   })
 
   Pigeon.emptyInput().subscribe(() => {

containers/UniversePanel/styles/index.js

@@ -3,7 +3,7 @@ import styled, { keyframes } from 'styled-components'
 import Img from '../../../components/Img'
 
 import searchIcon from '../../../static/search.svg'
-import loadingIcon from '../../../static/loading.svg'
+import loadingIcon from '../../../static/searchLoading.svg'
 
 const rotate360 = keyframes`
 	from {