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

fix: background blur transition

Browse Source
This commit is contained in:
alexsparkes
2022-11-13 19:17:08 +00:00
parent a5292a26e2
commit c5dcb2937d
7 changed files with 121 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/widgets/background/Background.jsx
View File

@@ -83,7 +83,6 @@ export default class Background extends PureComponent {
if (this.state.photoInfo.blur_hash) {
backgroundImage.style.backgroundColor = this.state.photoInfo.colour;
backgroundImage.classList.add('fade-in');
const canvas = document.createElement('canvas');
canvas.width = 32;
canvas.height = 32;
@@ -105,6 +104,7 @@ export default class Background extends PureComponent {
// this.state.photoInfo.width = img.width;
// this.state.photoInfo.height = img.height;
const blobUrl = URL.createObjectURL(await (await fetch(url)).blob()); // TODO: revoke this later
backgroundImage.classList.add('backgroundTransform');
backgroundImage.style.backgroundImage = `url(${blobUrl})`;
// img.remove();
// URL.revokeObjectURL(blobUrl);
@@ -143,6 +143,14 @@ export default class Background extends PureComponent {
return setFavourited(favourited);
}
let apiCategories;
try {
let apiCategories = JSON.parse(localStorage.getItem('apiCategories'))
} catch (error) {
let apiCategories = localStorage.getItem('apiCategories')
}
const type = localStorage.getItem('backgroundType');
switch (type) {
case 'api':
@@ -152,7 +160,6 @@ export default class Background extends PureComponent {
// API background
const backgroundAPI = localStorage.getItem('backgroundAPI');
const apiCategories = JSON.parse(localStorage.getItem('apiCategories'));
const apiQuality = localStorage.getItem('apiQuality');
let requestURL, data;