fix
Seto Elkahfi committed
Jan 22, 2022 at 19:21 UTC
06cb4af0c9b7e2488a5e295fbb5f1c2f838a47ab
3 files changed
+28
-23
src/components/AudioPlayer.tsx
+5
-5
@@ -52,11 +52,11 @@ class AudioPlayer extends Component<AudioProps, AudioState> {
52
audioFile: null,
53
isPlayerReady: false,
54
isPlaying: false,
55
- vocalAudioOn: true,
56
- guitarAudioOn: true,
57
- bassAudioOn: true,
58
- drumsAudioOn: true,
59
- pianoAudioOn: true,
55
+ vocalAudioOn: false,
56
+ guitarAudioOn: false,
57
+ bassAudioOn: false,
58
+ drumsAudioOn: false,
59
+ pianoAudioOn: false,
60
}
61
}
62
src/components/Home.tsx
+22
-17
@@ -68,7 +68,7 @@ class Home extends Component<HomeProps, HomeState> {
68
});
69
});
70
71
- axios.get(`https://localhost:3001/api/v1/splitfire`)
71
+ axios.get(`/splitfire`)
72
.then(res => {
73
const files = res.data.audio_files;
74
this.setState({ files });
@@ -101,6 +101,26 @@ class Home extends Component<HomeProps, HomeState> {
101
render() {
102
const { files } = this.state;
103
104
+ let caraoselContent: any = 'Loading SplitFire AI...';
105
+ if (files.length > 0) {
106
+ caraoselContent = <Carousel>
107
+ {files.slice(0, 3).map(item => (
108
+ <Carousel.Item key={item.id} style={{ padding: '20px' }}>
109
+ <img
110
+ className="d-block w-100"
111
+ src={`https://img.youtube.com/vi/${item.youtube_video_id}/hqdefault.jpg`}
112
+ alt="First slide"
113
+ />
114
+ <Carousel.Caption>
115
+ <Link to={{ pathname: `/splitfire/${item.id}` }}>
116
+ <Button variant="dark">{item.filename}</Button>
117
+ </Link>
118
+ </Carousel.Caption>
119
+ </Carousel.Item>
120
+ ))}
121
+ </Carousel>
122
+ }
123
+
124
return (
125
<div>
126
<h1>
@@ -115,22 +135,7 @@ class Home extends Component<HomeProps, HomeState> {
135
description="My self description" />
136
<ReactRotatingText style={this.state.wordStyle} items={this.state.alterEgos} /></p>
137
<h2>SplitFire AI</h2>
118
- <Carousel>
119
- {files.slice(0, 3).map(item => (
120
- <Carousel.Item key={item.id} style={{padding: '20px'}}>
121
- <img
122
- className="d-block w-100"
123
- src={`https://img.youtube.com/vi/${item.youtube_video_id}/default.jpg`}
124
- alt="First slide"
125
- />
126
- <Carousel.Caption>
127
- <Link to={{pathname: `/splitfire/${item.id}`}}>
128
- <Button variant="dark">{item.filename}</Button>
129
- </Link>
130
- </Carousel.Caption>
131
- </Carousel.Item>
132
- ))}
133
- </Carousel>
138
+ {caraoselContent}
139
</div>
140
);
141
}
src/index.tsx
+1
-1
@@ -5,7 +5,7 @@ import * as serviceWorker from './serviceWorker';
5
import 'bootstrap/dist/css/bootstrap.css';
6
import axios from 'axios';
7
8
-axios.defaults.baseURL = 'https://localhost:3001/api/v1/';
8
+axios.defaults.baseURL = 'https://musik88.com/api/v1/';
9
10
render(<App />, document.getElementById('root'));
11