diff --git a/src/app/componets/RandomBerry.tsx b/src/app/componets/RandomBerry.tsx deleted file mode 100644 index 6368e19..0000000 --- a/src/app/componets/RandomBerry.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { useEffect, useRef } from 'react' -import BerryNoColor from '../assets/berries/BerryNoColor.png' - -export default function RandomBerry () { - const canvasRef = useRef(null) - const imgRef = useRef(document.createElement('img')) - - useEffect(() => { - imgRef.current.src = BerryNoColor.src - const canvas = canvasRef.current - const ctx = canvas?.getContext('2d') - if (!canvas || !ctx) return - - canvas.width = 24 - canvas.height = 24 - - let frame: number - const frequency = 5 - - const update = () => { - const t = (performance.now() / 1000) * frequency - - ctx.clearRect(0, 0, canvas.width, canvas.height) - ctx.drawImage(imgRef.current, 0, 0, canvas.width, canvas.height) - - const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height) - const data = imageData.data - - for (let i = 0; i < data.length; i += 4) { - const gray = data[i] - const r = (Math.sin(t) * 0.5 + 0.5) * 255 * (gray / 255) - const g = (Math.sin(t + 2) * 0.5 + 0.5) * 255 * (gray / 255) - const b = (Math.sin(t + 4) * 0.5 + 0.5) * 255 * (gray / 255) - data[i] = r - data[i + 1] = g - data[i + 2] = b - } - - ctx.putImageData(imageData, 0, 0) - frame = requestAnimationFrame(update) - } - - imgRef.current.onload = () => update() - return () => cancelAnimationFrame(frame) - }, []) - - return -} diff --git a/src/app/componets/VersionChangelog.tsx b/src/app/componets/VersionChangelog.tsx index 28a1084..01114c5 100644 --- a/src/app/componets/VersionChangelog.tsx +++ b/src/app/componets/VersionChangelog.tsx @@ -3,16 +3,11 @@ import { useGlobal } from '../GlobalProvider' export default function VersionChangelog () { - const { - getGameInfo, - getVersionInfo, - managingVersion, - downloadedVersionsConfig - } = useGlobal() + const { getVersionInfo, managingVersion, downloadedVersionsConfig } = + useGlobal() if (!managingVersion || !downloadedVersionsConfig) return <> const versionInfo = getVersionInfo(managingVersion) - const gameInfo = getGameInfo(versionInfo?.game) return ( <> diff --git a/src/app/page.tsx b/src/app/page.tsx index 2c35058..833e50e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -59,7 +59,8 @@ export default function Installs () { : 'h-[calc(100vh-84px)]' }`} > - {downloadedVersionsConfig && downloadedVersionsConfig.list.length ? ( + {downloadedVersionsConfig && + Object.keys(downloadedVersionsConfig.list).length ? ( getListOfGames() .sort((a, b) => { return a.id - b.id