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 57bff9934..61d995198 100644
--- a/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
+++ b/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
@@ -11,7 +11,7 @@ import Icon from 'soapbox/components/icon';
const messages = defineMessages({
emoji: { id: 'icon_button.label', defaultMessage: 'Select icon' },
emoji_search: { id: 'emoji_button.search', defaultMessage: 'Search...' },
- emoji_not_found: { id: 'emoji_button.not_found', defaultMessage: 'No emojos!! (╯°□°)╯︵ ┻━┻' },
+ emoji_not_found: { id: 'icon_button.not_found', defaultMessage: 'No icons!! (╯°□°)╯︵ ┻━┻' },
custom: { id: 'icon_button.icons', defaultMessage: 'Icons' },
search_results: { id: 'emoji_button.search_results', defaultMessage: 'Search results' },
});
@@ -101,7 +101,7 @@ class IconPickerMenu extends React.PureComponent {
emoticons: [],
keywords: [name],
imageUrl: '',
- custom: true,
+ render: ,
});
});
});
@@ -124,12 +124,12 @@ class IconPickerMenu extends React.PureComponent {
);
diff --git a/app/soapbox/features/soapbox_config/forkawesome.json b/app/soapbox/features/soapbox_config/forkawesome.json
index 62d95ac6a..f1b0007c5 100644
--- a/app/soapbox/features/soapbox_config/forkawesome.json
+++ b/app/soapbox/features/soapbox_config/forkawesome.json
@@ -392,25 +392,7 @@
"fa fa-spell-check",
"fa fa-moon",
"fa fa-sun",
- "fa fa-biometric",
- "fa fa-volume-mute",
- "fa fa-bell-ringing",
- "fa fa-bell-ringing-o",
- "fa fa-bunny",
- "fa fa-cc-by",
- "fa fa-cc-cc",
- "fa fa-cc-nc-eu",
- "fa fa-cc-nc-jp",
- "fa fa-cc-nc",
- "fa fa-cc-nd",
- "fa fa-cc-pd",
- "fa fa-cc-remix",
- "fa fa-cc-sa",
- "fa fa-cc-share",
- "fa fa-cc-zero",
- "fa fa-email-bulk",
- "fa fa-email-bulk-o",
- "fa fa-skate"
+ "fa fa-biometric"
],
"Text Editor Icons": [
"fa fa-th-large",
@@ -730,41 +712,7 @@
"fa fa-unsplash",
"fa fa-hackster",
"fa fa-f-droid",
- "fa fa-wire",
- "fa fa-tor-onion",
- "fa fa-hal",
- "fa fa-jupyter",
- "fa fa-julia",
- "fa fa-classicpress",
- "fa fa-classicpress-circle",
- "fa fa-open-collective",
- "fa fa-orcid",
- "fa fa-researchgate",
- "fa fa-funkwhale",
- "fa fa-boardgamegeek",
- "fa fa-buymeacoffee",
- "fa fa-conway-glider",
- "fa fa-csharp",
- "fa fa-gnu",
- "fa fa-google-play",
- "fa fa-heroku",
- "fa fa-home-assistant",
- "fa fa-java",
- "fa fa-mariadb",
- "fa fa-markdown",
- "fa fa-mysql",
- "fa fa-nordcast",
- "fa fa-plume",
- "fa fa-postgresql",
- "fa fa-sass-alt",
- "fa fa-sass",
- "fa fa-sketchfab",
- "fa fa-tex",
- "fa fa-textpattern",
- "fa fa-unity",
- "fa fa-signalapp",
- "fa fa-askfm",
- "fa fa-blockstack"
+ "fa fa-signalapp"
],
"Medical Icons": [
"fa fa-user-md",
diff --git a/app/soapbox/features/soapbox_config/index.js b/app/soapbox/features/soapbox_config/index.js
index d4c360140..eb98bd485 100644
--- a/app/soapbox/features/soapbox_config/index.js
+++ b/app/soapbox/features/soapbox_config/index.js
@@ -26,7 +26,6 @@ import Accordion from '../ui/components/accordion';
import SitePreview from './components/site_preview';
import ThemeToggle from 'soapbox/features/ui/components/theme_toggle';
import { defaultSettings } from 'soapbox/actions/settings';
-import forkAwesomeIcons from './forkawesome.json';
import IconPickerDropdown from './components/icon_picker_dropdown';
const messages = defineMessages({
@@ -438,10 +437,6 @@ export class IconPicker extends ImmutablePureComponent {
onChange: PropTypes.func.isRequired,
}
- static defaultProps = {
- icons: forkAwesomeIcons,
- };
-
render() {
const { onChange, value, label } = this.props;
diff --git a/app/styles/emoji_picker.scss b/app/styles/emoji_picker.scss
index 9ac429152..df3b3574e 100644
--- a/app/styles/emoji_picker.scss
+++ b/app/styles/emoji_picker.scss
@@ -173,6 +173,13 @@
display: inline-block;
font-size: 0;
+ .fa {
+ font-size: 18px;
+ width: 22px;
+ height: 22px;
+ text-align: center;
+ }
+
span {
width: 22px;
height: 22px;
diff --git a/app/styles/forms.scss b/app/styles/forms.scss
index c1ca83470..9850138e5 100644
--- a/app/styles/forms.scss
+++ b/app/styles/forms.scss
@@ -518,6 +518,7 @@ code {
padding: 9px;
border: 1px solid var(--highlight-text-color);
border-radius: 4px;
+ cursor: pointer;
.fa {
font-size: 18px;
diff --git a/package.json b/package.json
index f19985841..b3b2f54f3 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
"cssnano": "^4.1.10",
"detect-passive-events": "^1.0.2",
"dotenv": "^8.0.0",
- "emoji-mart": "Gargron/emoji-mart#build",
+ "emoji-mart": "https://gitlab.com/seanking2919/emoji-mart#build",
"es6-symbol": "^3.1.1",
"escape-html": "^1.0.3",
"exif-js": "^2.3.0",
diff --git a/yarn.lock b/yarn.lock
index 6076f50ef..b39d5f2c1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4473,9 +4473,9 @@ elliptic@^6.0.0:
minimalistic-assert "^1.0.0"
minimalistic-crypto-utils "^1.0.0"
-emoji-mart@Gargron/emoji-mart#build:
- version "2.6.2"
- resolved "https://codeload.github.com/Gargron/emoji-mart/tar.gz/ff00dc470b5b2d9f145a6d6e977a54de5df2b4c9"
+"emoji-mart@https://gitlab.com/seanking2919/emoji-mart#build":
+ version "2.6.3"
+ resolved "https://gitlab.com/seanking2919/emoji-mart#c2d4dc6232e1cb1fd9541a12d2748015cddb14b1"
emoji-regex@^7.0.1:
version "7.0.3"