perf: reduce size of emoji-mart dep using fork (#841)

nolanlawson · Dec 18, 2018 · cd44e33 · cd44e33
1 parent e6ca246
commit cd44e33
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -51,7 +51,7 @@
     "compression": "^1.7.3",
     "cross-env": "^5.2.0",
     "css-loader": "^2.0.1",
-    "emoji-mart": "^2.9.2",
+    "emoji-mart": "github:nolanlawson/emoji-mart#for-pinafore-1",
     "emoji-regex": "^7.0.1",
     "encoding": "^0.1.12",
     "escape-html": "^1.0.3",

diff --git a/src/routes/_components/dialog/components/EmojiDialog.html b/src/routes/_components/dialog/components/EmojiDialog.html
@@ -37,10 +37,6 @@
     background-repeat: no-repeat;
     background-position: center center;
   }
-  :global(.emoji-container .emoji-mart-emoji-native) {
-    /* remove if/when https://github.com/missive/emoji-mart/pull/256 is merged */
-    font-family: PinaforeEmoji, sans-serif;
-  }
 </style>
 <script>
   import ModalDialog from './ModalDialog.html'

diff --git a/src/routes/_react/createEmojiMartPickerFromData.js b/src/routes/_react/createEmojiMartPickerFromData.js
@@ -3,7 +3,7 @@
 // using `remount` to pass in functions as attributes, since everything is stringified. So
 // I just fire a global event here when an emoji is clicked.
 
-import NimblePicker from 'emoji-mart/dist-es/components/picker/nimble-picker'
+import NimblePicker from 'emoji-mart/dist-modern/components/picker/nimble-picker'
 import React from 'react'
 import { emit } from '../_utils/eventBus'