Convert word counts from array to object

Author: julianvmodesto

src/components/Terms.js

@@ -3,7 +3,7 @@ import React, { PropTypes } from 'react'
 export class Terms extends React.Component {
 
   static propTypes = {
-    terms: PropTypes.arrayOf(PropTypes.array).isRequired
+    terms: PropTypes.arrayOf(PropTypes.object).isRequired
   }
   static defaultProps = {
     terms: []
@@ -22,13 +22,12 @@ export class Terms extends React.Component {
 
   componentWillMount () {
     this.shuffleArray(this.props.terms)
-    console.log(this.props.terms)
   }
 
   render () {
     return (<div className=''>
       <div className='text-center'>
-        {this.props.terms.map((term) => <p key={term[0]}>{term[0]}</p>)}
+        {this.props.terms.map((term) => <p key={term.word}>{term.word}</p>)}
       </div>
     </div>)
   }

src/redux/utils/terms.js

@@ -34,9 +34,9 @@ export const getTopTerms = (tweets: Array): Array => {
       let count = counts.get(word) || 0
       counts.set(word, count + 1)
     })
-  // Sort words by counts
-  let ret = Array.from(counts.entries())
-  ret.sort((a, b) => b[1] - a[1])
+  // Sort words by counts, descending
+  let ret = Array.from(counts.entries()).map(([word, count]) => ({word, count}))
+  ret.sort((a, b) => b.count - a.count)
   // Return only top 10 terms
   ret = ret.slice(0, 10)
   return ret

src/views/TwitterView/TwitterView.js

@@ -23,7 +23,7 @@ export class TwitterView extends React.Component {
     getTweets: PropTypes.func.isRequired,
     tweets: PropTypes.arrayOf(PropTypes.string).isRequired,
     screenName: PropTypes.string,
-    topTerms: PropTypes.arrayOf(PropTypes.array).isRequired
+    topTerms: PropTypes.arrayOf(PropTypes.object).isRequired
   }
 
   componentWillMount () {