akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 07:10:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor generator to prevent duplicate reloading

Browse Source
This commit is contained in:
Misode
2022-05-08 16:24:39 +02:00
parent 2772d967e0
commit a432479672
13 changed files with 78 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/previews/DecoratorPreview.tsx
View File

@@ -11,6 +11,8 @@ export const DecoratorPreview = ({ data, version, shown }: PreviewProps) => {
const [scale, setScale] = useState(4)
const [seed, setSeed] = useState(randomSeed())
const state = JSON.stringify(data)
const { canvas, redraw } = useCanvas({
size() {
return [scale * 16, scale * 16]
@@ -18,14 +20,13 @@ export const DecoratorPreview = ({ data, version, shown }: PreviewProps) => {
async draw(img) {
decorator(data, img, { seed, version, size: [scale * 16, 128, scale * 16] })
},
})
}, [version, state, seed])
const state = JSON.stringify(data)
useEffect(() => {
if (shown) {
redraw()
}
}, [state, scale, seed, shown])
}, [version, state, scale, seed, shown])
return <>
<div class="controls preview-controls">