extras
/
mue
mirror of https://github.com/mue/mue.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: autocomplete now works on extension, hot reload warnings added for background quality and gradient

This commit is contained in:
David Ralph 2021-06-21 12:26:22 +01:00
parent 4e1347ad4e
commit aad568bd28
4 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
manifest/chrome.json
View File

@ -15,5 +15,6 @@
"16": "icons/16x16.png",
"48": "icons/48x48.png",
"128": "icons/128x128.png"
}
},
"content_security_policy": "script-src 'self' https://api.bing.com https://www.google.com; object-src 'self'"
}

3
manifest/firefox.json
View File

@ -17,5 +17,6 @@
},
"chrome_settings_overrides": {
"homepage": "index.html"
}
},
"content_security_policy": "script-src 'self' https://api.bing.com https://www.google.com; object-src 'self'"
}

14
src/components/modals/main/settings/sections/background/Background.jsx
View File

@ -98,16 +98,16 @@ export default class BackgroundSettings extends React.PureComponent {
const apiOptions = [
{
'name': 'Mue',
'value': 'mue'
name: 'Mue',
value: 'mue'
},
{
'name': 'Unsplash',
'value': 'unsplash'
name: 'Unsplash',
value: 'unsplash'
},
{
'name': 'Pexels',
'value': 'pexels'
name: 'Pexels',
value: 'pexels'
}
];
@ -122,7 +122,7 @@ export default class BackgroundSettings extends React.PureComponent {
))}
</Dropdown>
<br/><br/>
<Dropdown label={background.source.quality.title} name='apiQuality' category='background'>
<Dropdown label={background.source.quality.title} name='apiQuality' category='background' element='.other'>
<option value='original'>{background.source.quality.original}</option>
<option value='high'>{background.source.quality.high}</option>
<option value='normal'>{background.source.quality.normal}</option>

26
src/components/modals/main/settings/sections/background/Colour.jsx
View File

@ -11,7 +11,7 @@ import 'react-color-gradient-picker/dist/index.css';
import '../../../scss/settings/react-color-picker-gradient-picker-custom-styles.scss';
export default class ColourSettings extends React.PureComponent {
DefaultGradientSettings = { 'angle': '180', 'gradient': [{ 'colour': '#ffb032', 'stop': 0 }], 'type': 'linear' };
DefaultGradientSettings = { angle: '180', gradient: [{ colour: '#ffb032', stop: 0 }], type: 'linear' };
GradientPickerInitalState = undefined;
constructor() {
@ -84,6 +84,12 @@ export default class ColourSettings extends React.PureComponent {
};
return newState;
});
const reminderInfo = document.querySelector('.reminder-info');
if (reminderInfo.style.display !== 'block') {
reminderInfo.style.display = 'block';
localStorage.setItem('showReminder', true);
}
}
addColour = () => {
@ -92,7 +98,7 @@ export default class ColourSettings extends React.PureComponent {
const newState = {
gradientSettings: {
...s.gradientSettings,
gradient: [...initGradients, lastGradient, { 'colour': localStorage.getItem('theme') === 'dark' ? '#000000' : '#ffffff', stop: 100 }].sort((a, b) => (a.stop > b.stop) ? 1 : -1)
gradient: [...initGradients, lastGradient, { colour: localStorage.getItem('theme') === 'dark' ? '#000000' : '#ffffff', stop: 100 }].sort((a, b) => (a.stop > b.stop) ? 1 : -1)
}
};
return newState;
@ -117,15 +123,21 @@ export default class ColourSettings extends React.PureComponent {
this.setState({
gradientSettings: {
'angle': attrs.degree,
'gradient': attrs.points.map((p) => {
angle: attrs.degree,
gradient: attrs.points.map((p) => {
return {
'colour': '#' + rgbToHex(p.red, p.green, p.blue),
'stop': p.left
colour: '#' + rgbToHex(p.red, p.green, p.blue),
stop: p.left
}}),
'type': attrs.type
type: attrs.type
}
});
const reminderInfo = document.querySelector('.reminder-info');
if (reminderInfo.style.display !== 'block') {
reminderInfo.style.display = 'block';
localStorage.setItem('showReminder', true);
}
};
render() {