mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-25 01:37:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

soon

Browse Source
This commit is contained in:
David Ralph
2021-01-16 22:43:46 +00:00
parent 0a735384df
commit 3ec5a2c199
32 changed files with 530 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/widgets/quote/Quote.jsx
View File

@@ -16,7 +16,9 @@ export default class Quote extends React.PureComponent {
this.state = {
quote: '',
author: '',
favourited: <StarIcon2 className='copyButton' onClick={() => this.favourite()} />
favourited: <StarIcon2 className='copyButton' onClick={() => this.favourite()} />,
tweet: <TwitterIcon className='copyButton' onClick={() => this.tweetQuote()} />,
copy: <FileCopy className='copyButton' onClick={() => this.copyQuote()} />
};
}
@@ -30,7 +32,11 @@ export default class Quote extends React.PureComponent {
getQuotePack() {
let quotePack = localStorage.getItem('quote_packs');
if (quotePack === 'undefined') return this.doOffline();
if (quotePack === 'undefined') {
return this.doOffline();
}
quotePack = JSON.parse(quotePack);
if (quotePack) {
@@ -39,7 +45,9 @@ export default class Quote extends React.PureComponent {
quote: '"' + data.quote + '"',
author: data.author
});
} else this.doOffline();
} else {
this.doOffline();
}
}
async getQuote() {
@@ -57,16 +65,24 @@ export default class Quote extends React.PureComponent {
}
const favouriteQuote = localStorage.getItem('favouriteQuote');
if (favouriteQuote) return this.setState({
quote: favouriteQuote.split(' - ')[0],
author: favouriteQuote.split(' - ')[1]
});
if (favouriteQuote) {
return this.setState({
quote: favouriteQuote.split(' - ')[0],
author: favouriteQuote.split(' - ')[1]
});
}
if (localStorage.getItem('offlineMode') === 'true') return this.doOffline();
if (localStorage.getItem('offlineMode') === 'true') {
return this.doOffline();
}
try { // First we try and get a quote from the API...
const data = await (await fetch(Constants.API_URL + '/getQuote?language=' + localStorage.getItem('quotelanguage'))).json();
if (data.statusCode === 429) return this.doOffline(); // If we hit the ratelimit, we fallback to local quotes
if (data.statusCode === 429) {
return this.doOffline(); // If we hit the ratelimit, we fallback to local quotes
}
this.setState({
quote: '"' + data.quote + '"',
author: data.author,
@@ -82,34 +98,50 @@ export default class Quote extends React.PureComponent {
toast(this.props.language.quote);
}
tweetQuote() {
window.open(`https://twitter.com/intent/tweet?text=${this.state.quote} - ${this.state.author} on @getmue`, '_blank').focus();
}
favourite() {
if (localStorage.getItem('favouriteQuote')) {
localStorage.removeItem('favouriteQuote');
this.setState({ favourited: <StarIcon2 className='copyButton' onClick={() => this.favourite()} /> });
this.setState({
favourited: <StarIcon2 className='copyButton' onClick={() => this.favourite()} />
});
} else {
localStorage.setItem('favouriteQuote', this.state.quote + ' - ' + this.state.author);
this.setState({ favourited: <StarIcon className='copyButton' onClick={() => this.favourite()} /> });
this.setState({
favourited: <StarIcon className='copyButton' onClick={() => this.favourite()} />
});
}
}
componentDidMount() {
if (localStorage.getItem('favouriteQuote')) this.setState({ favourited: <StarIcon className='copyButton' onClick={() => this.favourite()} /> });
if (localStorage.getItem('favouriteQuoteEnabled') === 'false') this.setState({ favourited: null });
if (localStorage.getItem('favouriteQuote')) {
this.setState({ favourited: <StarIcon className='copyButton' onClick={() => this.favourite()} /> });
}
if (localStorage.getItem('favouriteQuoteEnabled') === 'false') {
this.setState({ favourited: null });
}
if (localStorage.getItem('copyButton') === 'false') {
this.setState({ copy: null });
}
if (localStorage.getItem('tweetEnabled') === 'false') {
this.setState({ tweet: null });
}
this.getQuote();
}
render() {
let copy = <FileCopy className='copyButton' onClick={() => this.copyQuote()}></FileCopy>;
if (localStorage.getItem('copyButton') === 'false') copy = null;
let tweet = <TwitterIcon className='copyButton' onClick={() => window.open(`https://twitter.com/intent/tweet?text=${this.state.quote} - ${this.state.author} on @getmue`, '_blank').focus()}/>
if (localStorage.getItem('tweetButton') === 'false') tweet = null;
return (
<div className='quotediv'>
<h1 className='quote'>{`${this.state.quote}`}</h1>
<h1 className='quoteauthor'>
<a href={this.state.authorlink} className='quoteauthorlink' target='_blank' rel='noopener noreferrer'>{this.state.author}</a> {copy} {tweet} {this.state.favourited}
<a href={this.state.authorlink} className='quoteauthorlink' target='_blank' rel='noopener noreferrer'>{this.state.author}</a> {this.state.copy} {this.state.tweet} {this.state.favourited}
</h1>
</div>
);