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

improve update modal etc

Browse Source
This commit is contained in:
David Ralph
2021-01-03 15:27:09 +00:00
parent 3fec08a492
commit c42e41ca15
5 changed files with 30 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/modals/Update.jsx
View File

@@ -16,17 +16,29 @@ export default class Update extends React.PureComponent {
async getUpdate() {
const supportText = `<br/><p>${this.props.language.contact_support}: <a target='_blank' class='modalLink' href='https://muetab.com/contact'>https://muetab.com/contact</a></p>`;
if (localStorage.getItem('offlineMode') === 'true') return this.setState({
title: this.props.language.offline.title,
html: this.props.language.offline.description
});
const removeStuff = () => { // quick code to make update modal a bit better, will replace later
document.getElementById('author').innerText = '';
const img = document.getElementsByTagName('img')[0];
img.parentNode.removeChild(img);
}
if (localStorage.getItem('offlineMode') === 'true') {
removeStuff();
return this.setState({
title: this.props.language.offline.title,
html: this.props.language.offline.description
});
}
try { // Get update log from the API
const data = await (await fetch(Constants.API_URL + '/getUpdate')).json();
if (data.statusCode === 500) return this.setState({
title: this.props.language.error.title,
html: this.props.language.error.description + supportText
});
if (data.statusCode === 500) {
removeStuff();
return this.setState({
title: this.props.language.error.title,
html: this.props.language.error.description + supportText
});
}
this.setState({
title: data.title,
@@ -36,6 +48,7 @@ export default class Update extends React.PureComponent {
html: data.content + `<br/><p>${this.props.language.read_blog}: <a target='_blank' class='modalLink' href='${data.url}'>${data.url}</a></p>`
});
} catch (e) { // If it fails, we send an error
removeStuff();
this.setState({
title: this.props.language.error.title,
html: this.props.language.error.description + supportText
@@ -51,7 +64,7 @@ export default class Update extends React.PureComponent {
return <div className='updateContent'>
<span className='closeModal' onClick={this.props.modalClose}>&times;</span>
<h1 style={{ 'marginBottom': '-10px' }}>{this.state.title}</h1>
<h5 style={{ 'lineHeight':'0px' }}> By {this.state.author} • {this.state.date}</h5>
<h5 style={{ 'lineHeight':'0px' }} id='author'> By {this.state.author} • {this.state.date}</h5>
<img draggable='false' src={this.state.image} alt='Update'></img>
<p dangerouslySetInnerHTML={{ __html: this.state.html }}></p>
</div>;