akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-27 16:58:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use mcmeta (#197)

Browse Source 
* Simplify data fetching by using mcmeta

* Fetch sounds from mcmeta
This commit is contained in:
Misode
2022-01-28 01:25:10 +01:00
committed by GitHub
parent ec432288e7
commit 623e38d98c
9 changed files with 85 additions and 672 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/pages/Sounds.tsx
View File

@@ -2,8 +2,8 @@ import { useEffect, useRef, useState } from 'preact/hooks'
import config from '../../config.json'
import { Ad, Btn, BtnMenu, ErrorPanel, SoundConfig, TextInput } from '../components'
import { useLocale, useTitle, useVersion } from '../contexts'
import type { SoundEvents, VersionAssets, VersionId } from '../services'
import { getAssets, getSounds } from '../services'
import type { SoundEvents, VersionId } from '../services'
import { fetchSounds } from '../services'
import { hexId, message } from '../Utils'
interface Props {
@@ -15,13 +15,11 @@ export function Sounds({}: Props) {
const [error, setError] = useState<string | null>(null)
useTitle(locale('title.sounds'))
const [assets, setAssets] = useState<VersionAssets>({})
const [sounds, setSounds] = useState<SoundEvents>({})
const soundKeys = Object.keys(sounds ?? {})
useEffect(() => {
getAssets(version)
.then(assets => { setAssets(assets); return getSounds(version) })
.then(sounds => { if (sounds) setSounds(sounds) })
fetchSounds(version)
.then(setSounds)
.catch(e => { console.error(e); setError(message(e)) })
}, [version])
@@ -74,7 +72,7 @@ export function Sounds({}: Props) {
</BtnMenu>
</div>
<div class="sounds">
{configs.map(c => <SoundConfig key={c.id} {...c} {...{ assets, sounds, delayedPlay }} onEdit={editConfig(c.id)} onDelete={deleteConfig(c.id)} />)}
{configs.map(c => <SoundConfig key={c.id} {...c} {...{ sounds, delayedPlay }} onEdit={editConfig(c.id)} onDelete={deleteConfig(c.id)} />)}
</div>
<a ref={download} style="display: none;"></a>
</>}