Skip to content

Commit d58344f

Browse files
committed
update settings icon import to correctly follow theme
1 parent 454b56a commit d58344f

File tree

2 files changed

+7
-6
lines changed

2 files changed

+7
-6
lines changed
Lines changed: 1 addition & 1 deletion
Loading

src/components/stage-header/stage-header.jsx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,14 @@ import ToggleButtons from '../toggle-buttons/toggle-buttons.jsx';
1111
import Controls from '../../containers/controls.jsx';
1212
import {getStageDimensions} from '../../lib/screen-utils';
1313
import {STAGE_DISPLAY_SIZES, STAGE_SIZE_MODES} from '../../lib/layout-constants';
14+
import TWRenderRecoloredImage from '../../lib/tw-recolor/render.jsx';
1415

1516
import fullScreenIcon from './icon--fullscreen.svg';
1617
import unFullScreenIcon from './icon--unfullscreen.svg';
1718
import largeStageIcon from '!../../lib/tw-recolor/build!./icon--large-stage.svg';
1819
import smallStageIcon from '!../../lib/tw-recolor/build!./icon--small-stage.svg';
1920
import fullStageIcon from '!../../lib/tw-recolor/build!./icon--full-stage.svg';
20-
import settingsIcon from './icon--settings.svg';
21+
import settingsIcon from '!../../lib/tw-recolor/build!./icon--settings.svg';
2122

2223
import styles from './stage-header.css';
2324

@@ -93,7 +94,7 @@ const StageHeaderComponent = function (props) {
9394
className={styles.stageButton}
9495
onClick={onOpenSettings}
9596
>
96-
<img
97+
<TWRenderRecoloredImage
9798
alt={props.intl.formatMessage(messages.openSettingsMessage)}
9899
className={styles.stageButtonIcon}
99100
draggable={false}
@@ -209,13 +210,13 @@ const StageHeaderComponent = function (props) {
209210
{stageControls}
210211
{isPlayerOnly && !isEmbedded && !isFullScreen ? <div
211212
className={styles.settingsButton}
212-
style={{marginRight: ".2rem"}}
213-
>
213+
style={{marginRight: '.2rem'}}
214+
>
214215
<Button
215216
className={styles.stageButton}
216217
onClick={onOpenSettings}
217218
>
218-
<img
219+
<TWRenderRecoloredImage
219220
alt={props.intl.formatMessage(messages.openSettingsMessage)}
220221
className={styles.stageButtonIcon}
221222
draggable={false}

0 commit comments

Comments
 (0)