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

feat: WIP quick links widget, better maximise/favourite widget, fixed favourite button, finish download button etc

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-04-08 19:17:40 +01:00
parent 3d945656d6
commit 5cf9bd74f4
16 changed files with 189 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/widgets/background/Favourite.jsx
View File

@@ -1,5 +1,7 @@
import React from 'react';
import Tooltip from '@material-ui/core/Tooltip';
import StarIcon from '@material-ui/icons/Star';
import StarIcon2 from '@material-ui/icons/StarBorder';
@@ -7,7 +9,7 @@ export default class Favourite extends React.PureComponent {
constructor() {
super();
this.state = {
favourited: (localStorage.getItem('favourite')) ? <StarIcon onClick={() => this.favourite()} /> : <StarIcon2 onClick={() => this.favourite()} />
favourited: (localStorage.getItem('favourite')) ? <StarIcon onClick={() => this.favourite()} className='topicons' /> : <StarIcon2 onClick={() => this.favourite()} className='topicons' />
};
}
@@ -15,28 +17,25 @@ export default class Favourite extends React.PureComponent {
if (localStorage.getItem('favourite')) {
localStorage.removeItem('favourite');
this.setState({
favourited: <StarIcon2 onClick={() => this.favourite()} />
favourited: <StarIcon2 onClick={() => this.favourite()} className='topicons' />
});
} else {
const url = document.getElementById('backgroundImage').style.backgroundImage.replace('url("', '').replace('")', '');
const credit = document.getElementById('credit').textContent;
const location = document.getElementById('location').textContent;
localStorage.setItem('favourite', JSON.stringify({ url: url, credit: credit, location: location }));
localStorage.setItem('favourite', JSON.stringify({ url: url, credit: credit }));
this.setState({
favourited: <StarIcon onClick={() => this.favourite()} />
favourited: <StarIcon onClick={() => this.favourite()} className='topicons' />
});
}
}
render() {
if (localStorage.getItem('favouriteEnabled') === 'false' || localStorage.getItem('background') === 'false' || localStorage.getItem('customBackgroundColour') || localStorage.getItem('customBackground')) {
if (localStorage.getItem('background') === 'false' || localStorage.getItem('customBackgroundColour') || localStorage.getItem('customBackground')) {
return null;
}
return <div className='favourite'>
{this.state.favourited}
</div>
return <Tooltip title='Favourite' placement='top'>{this.state.favourited}</Tooltip>
}
}