Update default frequently used

src/components/category.js

@@ -71,7 +71,7 @@ export default class Category extends React.Component {
     var { name, emojis, perLine } = this.props
 
     if (name == 'Recent') {
-      let frequentlyUsed = frequently.get(perLine * 4)
+      let frequentlyUsed = frequently.get(perLine)
 
       if (frequentlyUsed.length) {
         emojis = frequentlyUsed

src/utils/frequently.js

@@ -1,24 +1,30 @@
 import store from './store'
 
-const increment = 1000000000
+const DEFAULTS = [
-let defaults = {
+  '+1',
-  "heart": 1 * increment,
+  'grinning',
-  "smile": 2 * increment,
+  'kissing_heart',
-  "disappointed": 3 * increment,
+  'heart_eyes',
-  "grinning": 4 * increment,
+  'laughing',
-  "slightly_smiling_face": 5 * increment,
+  'stuck_out_tongue_winking_eye',
-  "+1": 6 * increment
+  'sweat_smile',
-}
+  'joy',
+  'scream',
+  'disappointed',
+  'unamused',
+  'weary',
+  'sob',
+  'sunglasses',
+  'heart',
+  'poop',
+]
 
 let frequently = store.get('frequently')
-if(!frequently) {
-  store.set('frequently', defaults)
-  frequently = defaults
-}
 
 function add(emoji) {
   var { id } = emoji
 
+  frequently || (frequently = {})
   frequently[id] || (frequently[id] = 0)
   frequently[id] += 1
 
@@ -26,8 +32,17 @@ function add(emoji) {
   store.set('frequently', frequently)
 }
 
-function get(quantity) {
+function get(perLine) {
-  var sorted = Object.keys(frequently).sort((a, b) => frequently[a] - frequently[b]).reverse(),
+  if (!frequently) {
+    frequently = {}
+
+    Array(perLine).fill('').forEach((_, i) => {
+      frequently[DEFAULTS[i]] = perLine - i
+    })
+  }
+
+  var quantity = perLine * 4,
+      sorted = Object.keys(frequently).sort((a, b) => frequently[a] - frequently[b]).reverse(),
       sliced = sorted.slice(0, quantity),
       last = store.get('last')