Fix embed GIF icons

This commit is contained in:
Essem 2024-01-14 17:22:38 -06:00
parent 16839a6398
commit dd7d7cb80a
No known key found for this signature in database
GPG key ID: 7D497397CC3A2A8C
2 changed files with 5 additions and 2 deletions

View file

@ -10,6 +10,7 @@ import { ReactComponent as AttachFileIcon } from '@material-symbols/svg-600/outl
import { ReactComponent as BrushIcon } from '@material-symbols/svg-600/outlined/brush.svg';
import { ReactComponent as CodeIcon } from '@material-symbols/svg-600/outlined/code.svg';
import { ReactComponent as DescriptionIcon } from '@material-symbols/svg-600/outlined/description.svg';
import { ReactComponent as GifBoxIcon } from '@material-symbols/svg-600/outlined/gif_box.svg';
import { ReactComponent as InsertChartIcon } from '@material-symbols/svg-600/outlined/insert_chart.svg';
import { ReactComponent as MarkdownIcon } from '@material-symbols/svg-600/outlined/markdown.svg';
import { ReactComponent as MoreHorizIcon } from '@material-symbols/svg-600/outlined/more_horiz.svg';
@ -262,7 +263,8 @@ class ComposerOptions extends ImmutablePureComponent {
text: formatMessage(messages.doodle),
},
{
icon: 'file-image-o',
icon: 'gif-box',
iconComponent: GifBoxIcon,
name: 'gif',
text: formatMessage(messages.gif),
}

View file

@ -6,6 +6,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component';
import { connect } from 'react-redux';
import { ReactComponent as CloseIcon } from '@material-symbols/svg-600/outlined/close.svg';
import Tenor from 'react-tenor';
import { tenorSet, uploadCompose } from 'flavours/glitch/actions/compose';
@ -84,7 +85,7 @@ class GIFModal extends ImmutablePureComponent {
return (
<div className='modal-root__modal tenor-modal'>
<div className='tenor-modal__container'>
<IconButton title={intl.formatMessage(messages.close)} icon='close' size='16' onClick={this.props.onClose} style={{ float: 'right' }} />
<IconButton title={intl.formatMessage(messages.close)} icon='close' iconComponent={CloseIcon} size='16' onClick={this.props.onClose} style={{ float: 'right' }} />
<Tenor
token='FJBKNQSVF2DD'
// eslint-disable-next-line react/jsx-no-bind