filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-19 02:08:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(BackgroundGenerator): generate one background per session

Browse Source
This commit is contained in:
Aminejv 2021-09-29 19:22:46 +01:00
parent 43cfe3c960
commit 095ccc63ab
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/core/Auth/components/BackgroundGenerator.js
View File

@ -12,12 +12,10 @@ const AUTH_BACKGROUNDS = [
"https://slate.textile.io/ipfs/bafybeigxssjsv3tmdhz4bj6vl2ca5c6rrhdkepw3mifvlllb7orpx5cfou",
];
export default function BackgroundGenerator({ children, isMobile, ...props }) {
const background = React.useMemo(() => {
const backgroundIdx = Utilities.getRandomNumberBetween(0, AUTH_BACKGROUNDS.length - 1);
return AUTH_BACKGROUNDS[backgroundIdx];
}, []);
const backgroundIdx = Utilities.getRandomNumberBetween(0, AUTH_BACKGROUNDS.length - 1);
const backgroundUrl = AUTH_BACKGROUNDS[backgroundIdx];
export default function BackgroundGenerator({ children, isMobile, ...props }) {
// NOTE(amine): fix for 100vh overflowing in mobile
// https://bugs.webkit.org/show_bug.cgi?id=141832
const [height, setHeight] = React.useState();
@ -38,7 +36,7 @@ export default function BackgroundGenerator({ children, isMobile, ...props }) {
}, [isMobile]);
return (
<div style={{ backgroundImage: `url(${background})`, minHeight: height }} {...props}>
<div style={{ backgroundImage: `url(${backgroundUrl})`, minHeight: height }} {...props}>
{children}
</div>
);