Fix links to splitfire and musik88

Seto Elkahfi committed Jul 31, 2023 at 16:13 UTC 069ab913b3467953d62eca335ab2223e643e547a
3 files changed +12 -8
src/components/Header.tsx
+2 -2
@@ -66,9 +66,9 @@ class Header extends Component<HeaderProps, HeaderState> {
66 </div>
67 <div className="navbar navbar-dark bg-dark shadow-sm">
68 <div className="container">
69 - <Link to='/' className="navbar-brand d-flex align-items-center">
69 + <a href={`https://musik88.com/@seto`} target={`__blank`} className="navbar-brand d-flex align-items-center">
70 <strong>@seto</strong>
71 - </Link>
71 + </a>
72 <LanguageDropdown onChangeLanguage={this.props.onChangeLanguage} />
73 <button className="navbar-toggler" onClick={this.toggleExpand.bind(this)} type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded={this.state.expand} aria-label="Toggle navigation">
74 <span className="navbar-toggler-icon"></span>
src/components/Home.tsx
+9 -5
@@ -67,11 +67,15 @@ class Home extends Component<HomeProps, HomeState> {
67
68 componentDidMount() {
69 this._updateTranslationIfNeeded()
70 - axios.get(`/splitfire`)
70 + axios.get(`/carousel`)
71 .then(res => {
72 + console.log(res);
73 const files = res.data.audio_files;
74 this.setState({ files });
75 })
76 + .catch(error => {
77 + console.log(error);
78 + });
79 }
80
81 componentWillUnmount() {
@@ -137,13 +141,13 @@ class Home extends Component<HomeProps, HomeState> {
141 <Carousel.Item key={item.id} style={{ padding: '20px' }}>
142 <img
143 className="d-block w-100"
140 - src={`https://img.youtube.com/vi/${item.youtube_video_id}/hqdefault.jpg`}
144 + src={item.image_url}
145 alt="First slide"
146 />
147 <Carousel.Caption>
144 - <Link to={{ pathname: `/splitfire/${item.id}` }}>
145 - <Button variant="dark">{item.filename}</Button>
146 - </Link>
148 + <a href={`https://splitfire.ai/split/${item.id}`} target={`__blank`}>
149 + <Button variant="dark">{item.name}</Button>
150 + </a>
151 </Carousel.Caption>
152 </Carousel.Item>
153 ))}
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://musik88.com/api/v1/';
8 +axios.defaults.baseURL = 'https://api.musik88.com/api/v1/';
9
10 render(<App />, document.getElementById('root'));
11