Fix spinner color
Seto committed
Jan 24, 2022 at 13:36 UTC
c5358070d477bb30813c19ddd37ee31a2753606f
2 files changed
+8
-5
src/components/AudioPlayer.tsx
+7
-4
@@ -277,11 +277,14 @@ class AudioPlayer extends Component<AudioProps, AudioState> {
277
showinfo: 0
278
},
279
};
280
- let togglePlayButton = <p>
281
- <FormattedMessage id="player.loadingYoutube"
280
+ let togglePlayButton = <div>
281
+ <p>
282
+ <FormattedMessage id="player.loadingYoutube"
283
defaultMessage="Waiting for YouTube..."
284
description="Loading message"/>
284
- </p>
285
+ </p>
286
+ <Spinner animation='grow' variant="danger"></Spinner>
287
+ </div>
288
if (this.state.isYoutubePlayerReady) {
289
let button
290
if (this.state.isPlaying) {
@@ -369,7 +372,7 @@ class AudioPlayer extends Component<AudioProps, AudioState> {
372
defaultMessage="🤖 I'm doing my business..."
373
description="Loading message"/>
374
</p>
372
- <Spinner animation='grow'></Spinner>
375
+ <Spinner animation='grow' variant="danger"></Spinner>
376
</Col>
377
</Row>
378
)
src/components/Home.tsx
+1
-1
@@ -121,7 +121,7 @@ class Home extends Component<HomeProps, HomeState> {
121
defaultMessage="Loading SplitFire AI..."
122
description="Loading message"/>
123
</p>
124
- <Spinner animation='grow'></Spinner>
124
+ <Spinner animation='grow' variant="danger"></Spinner>
125
</div>
126
127
if (files.length > 0) {