SheWhoReignsSupreme/revenge-bundle-next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(plugins/developer-settings): improve Asset Browser initial render

Browse source
This commit is contained in:
PalmDevs 2025-06-14 18:03:12 +07:00
parent 33bb878c5c
commit 7955693e49
No known key found for this signature in database
GPG key ID: 6FAE8F8677ACA8BA
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/plugins/init/developer-settings/screens/AssetBrowserSettingScreen.tsx
View file

@ -12,7 +12,7 @@ import { FlashList } from '@revenge-mod/externals/shopify'
import { debounce } from '@revenge-mod/utils/callbacks'
import { lookupGeneratedIconComponent } from '@revenge-mod/utils/discord'
import { useCallback, useMemo, useState } from 'react'
import { Image, StyleSheet } from 'react-native'
import { Image, StyleSheet, useWindowDimensions } from 'react-native'
import type { Asset, AssetId } from '@revenge-mod/assets/types'
import type { Metro } from '@revenge-mod/modules/types'
@ -28,6 +28,7 @@ const UndisplayableFallback = {
}
export default function AssetBrowserSettingScreen() {
const { width, height } = useWindowDimensions()
const [search, setSearch] = useState('')
const debouncedSetSearch = useCallback(debounce(setSearch, 100), [])
const assets = useMemo(() => [...getAssets()], [])
@ -51,6 +52,8 @@ export default function AssetBrowserSettingScreen() {
<FlashList.FlashList
data={filteredAssets}
contentContainerStyle={styles.listContainer}
fadingEdgeLength={32}
estimatedListSize={{ width: width - 32, height: height - 160 }}
estimatedItemSize={80}
keyExtractor={asset =>
asset.id