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"