diff --git a/app/soapbox/features/soapbox_config/components/icon_picker.js b/app/soapbox/features/soapbox_config/components/icon_picker.js
deleted file mode 100644
index 0b16e1792..000000000
--- a/app/soapbox/features/soapbox_config/components/icon_picker.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import Picker from 'emoji-mart/dist-es/components/picker/picker';
-
-export {
- Picker,
-};
diff --git a/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js b/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
index 8b2a0b689..963f55f26 100644
--- a/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
+++ b/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
@@ -1,11 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import { defineMessages, injectIntl } from 'react-intl';
-import { IconPicker as IconPickerAsync } from '../utils/async';
+import Picker from 'emoji-mart/dist-es/components/picker/picker';
import Overlay from 'react-overlays/lib/Overlay';
import classNames from 'classnames';
import detectPassiveEvents from 'detect-passive-events';
-import forkAwesomeIcons from '../forkawesome.json';
import Icon from 'soapbox/components/icon';
const messages = defineMessages({
@@ -16,12 +15,10 @@ const messages = defineMessages({
search_results: { id: 'emoji_button.search_results', defaultMessage: 'Search results' },
});
-let IconPicker; // load asynchronously
-
const backgroundImageFn = () => '';
const listenerOptions = detectPassiveEvents.hasSupport ? { passive: true } : false;
-const categoriesSort = 'custom';
+const categoriesSort = ['custom'];
@injectIntl
class IconPickerMenu extends React.PureComponent {
@@ -94,15 +91,17 @@ class IconPickerMenu extends React.PureComponent {
Object.values(customEmojis).forEach(category => {
category.forEach(function(icon) {
const name = icon.replace('fa fa-', '');
- emojis.push({
- id: icon,
- name,
- short_names: [name],
- emoticons: [],
- keywords: [name],
- imageUrl: '',
- render: