From dd7d7cb80ae249e02eb240f58bcf88d27dfb7799 Mon Sep 17 00:00:00 2001
From: Essem <smswessem@gmail.com>
Date: Sun, 14 Jan 2024 17:22:38 -0600
Subject: [PATCH] Fix embed GIF icons

---
 .../flavours/glitch/features/compose/components/options.jsx   | 4 +++-
 .../flavours/glitch/features/ui/components/gif_modal.jsx      | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/compose/components/options.jsx b/app/javascript/flavours/glitch/features/compose/components/options.jsx
index 646ed87250..5191ca00e8 100644
--- a/app/javascript/flavours/glitch/features/compose/components/options.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/options.jsx
@@ -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),
             }
diff --git a/app/javascript/flavours/glitch/features/ui/components/gif_modal.jsx b/app/javascript/flavours/glitch/features/ui/components/gif_modal.jsx
index e7e8690e69..a49e94cbbe 100644
--- a/app/javascript/flavours/glitch/features/ui/components/gif_modal.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/gif_modal.jsx
@@ -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