mitchell/go-discord-bot
1
0
Fork 0
mirror of https://github.com/mgerb/go-discord-bot synced 2026-01-11 09:32:50 +00:00
Code Issues Releases Wiki Activity

client: updated everything, deprecated pubg stuff

Browse Source
This commit is contained in:
Mitchell
2018-04-09 20:28:36 -05:00
parent 1f4cb18d21
commit 0fe7468506
43 changed files with 12857 additions and 11121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
client/app/pages/Downloader/Downloader.tsx
View File

@@ -3,97 +3,102 @@ import axios from 'axios';
import './Downloader.scss';
interface Props {
}
interface Props {}
interface State {
fileType: string;
url: string;
message: string;
downloadLink: string;
downLoadFileName: string;
dataLoading: boolean;
dataLoaded: boolean;
fileType: string;
url: string;
message: string;
downloadLink: string;
downLoadFileName: string;
dataLoading: boolean;
dataLoaded: boolean;
}
export class Downloader extends React.Component<Props, State> {
constructor(props: Props) {
super(props);
this.state = {
fileType: 'mp3',
url: '',
message: '',
dataLoaded: false,
downloadLink: '',
downLoadFileName: '',
dataLoading: false,
};
}
constructor(props: Props) {
super(props);
this.state = {
fileType: "mp3",
url: "",
message: "",
dataLoaded: false,
downloadLink: "",
downLoadFileName: "",
dataLoading: false,
};
sendRequest() {
if (this.state.url === '') {
this.setState({
message: 'Invalid URL',
});
return;
}
sendRequest() {
if (this.state.url === "") {
this.setState({
message: "Invalid URL",
});
return;
}
this.setState({
message: '',
url: '',
dataLoaded: false,
dataLoading: true,
});
axios
.get(`/api/ytdownloader`, {
params: {
fileType: this.state.fileType,
url: this.state.url,
},
})
.then(res => {
this.setState({
message: "",
url: "",
dataLoaded: false,
dataLoading: true,
dataLoaded: true,
dataLoading: false,
downloadLink: `/public/youtube/${res.data.fileName}`,
downLoadFileName: res.data.fileName,
});
axios.get(`/api/ytdownloader`, {
params: {
fileType: this.state.fileType,
url: this.state.url,
}
}).then((res) => {
this.setState({
dataLoaded: true,
dataLoading: false,
downloadLink: `/public/youtube/${res.data.fileName}`,
downLoadFileName: res.data.fileName,
});
}).catch(() => {
this.setState({
message: "Internal error.",
dataLoading: false,
});
})
.catch(() => {
this.setState({
message: 'Internal error.',
dataLoading: false,
});
}
});
}
render() {
return (
<div className="Downloader">
<div className="card">
<div className="card__header">
Youtube to MP3
</div>
render() {
return (
<div className="Downloader">
<div className="card">
<div className="card__header">Youtube to MP3</div>
<input placeholder="Enter Youtube URL"
className="input Downloader__input"
value={this.state.url}
onChange={(event) => this.setState({url: event.target.value})}/>
<input
placeholder="Enter Youtube URL"
className="input Downloader__input"
value={this.state.url}
onChange={event => this.setState({ url: event.target.value })}
/>
<div style={{marginBottom:'10px'}}>
<button className="button button--primary"
style={{width: '100px', height: '40px', fontSize: 'large'}}
onClick={this.sendRequest.bind(this)}>
{this.state.dataLoading ? <i className="fa fa-spinner fa-spin fa-fw"/> : 'Convert'}
</button>
</div>
<div style={{ marginBottom: '10px' }}>
<button
className="button button--primary"
style={{ width: '100px', height: '40px', fontSize: 'large' }}
onClick={this.sendRequest.bind(this)}
>
{this.state.dataLoading ? <i className="fa fa-spinner fa-spin fa-fw" /> : 'Convert'}
</button>
</div>
{this.state.message !== "" && <div>{this.state.message}</div>}
{this.state.dataLoaded && <a href={this.state.downloadLink} download>{this.state.downLoadFileName}</a>}
</div>
</div>
);
}
{this.state.message !== '' && <div>{this.state.message}</div>}
{this.state.dataLoaded && (
<a href={this.state.downloadLink} download>
{this.state.downLoadFileName}
</a>
)}
</div>
</div>
);
}
}