mirror of
https://github.com/austinried/subtracks.git
synced 2025-12-27 00:59:28 +01:00
081251061d
* start of music store refactor moving stuff into a state cache better separate it from view logic * added paginated list/album list * reworked fetchAlbumList to remove ui state refactored home screen to use new method i broke playing songs somehow, JS thread goes into a loop * don't reset parts manually, do it all at once * fixed perf issue related to too many rerenders rerenders were caused by strict equality check on object/array picks switched artistInfo to new store updated zustand and fixed deprecation warnings * update typescript and use workspace tsc version for vscode * remove old artistInfo * switched to new playlist w/songs removed more unused stuff * remove unused + (slightly) rework search * refactor star * use only original/large imges for covers/artist fix view artist from context menu add loading indicators to song list and artist views (show info we have right away) * set starred/unstar assuming it works and correct state on error * reorg, remove old music slice files * added back fix for song cover art * sort artists by localCompare name * update licenses * fix now playing background grey bar * update react-native-gesture-handler for node-fetch security alert * fix another gradient height grey bar issue * update licenses again * remove thumbnail cache * rename to remove "Library" from methods * Revert "remove thumbnail cache" This reverts commit e0db4931f11bbf4cd8e73102d06505c6ae85f4a6. * use ids for lists, pull state later * Revert "use only original/large imges for covers/artist" This reverts commit c9aea9065ce6ebe3c8b09c10dd74d4de153d76fd. * deep equal ListItem props for now this needs a bigger refactor * use immer as middleware * refactor api client to use string method hoping to use this for requestKey/deduping next * use thumbnails in list items * Revert "refactor api client to use string method" This reverts commit 234326135b7af96cb91b941e7ca515f45c632556. * rename/cleanup * store servers by id * get rid of settings selectors * renames for clarity remove unused estimateContentLength setting * remove trackplayer selectors * fix migration for library filter settings * fixed shuffle order reporting wrong track/queue * removed the other selectors * don't actually need es6/react for our state * fix slow artist sort on star localeCompare is too slow for large lists
64 lines
1.8 KiB
TypeScript
64 lines
1.8 KiB
TypeScript
import { useStore } from '@app/state/store'
|
|
import { StarParams } from '@app/subsonic/params'
|
|
import { useCallback, useEffect } from 'react'
|
|
|
|
type StarrableItem = 'album' | 'artist' | 'song'
|
|
|
|
function starParams(id: string, type: StarrableItem): StarParams {
|
|
const params: StarParams = {}
|
|
if (type === 'album') {
|
|
params.albumId = id
|
|
} else if (type === 'artist') {
|
|
params.artistId = id
|
|
} else {
|
|
params.id = id
|
|
}
|
|
|
|
return params
|
|
}
|
|
|
|
export const useStar = (id: string, type: StarrableItem) => {
|
|
const fetchAlbum = useStore(store => store.fetchAlbum)
|
|
const fetchArtist = useStore(store => store.fetchArtist)
|
|
const fetchSong = useStore(store => store.fetchSong)
|
|
|
|
const _starred = useStore(
|
|
useCallback(
|
|
store => {
|
|
if (type === 'album') {
|
|
return store.library.albums[id] ? !!store.library.albums[id].starred : null
|
|
} else if (type === 'artist') {
|
|
return store.library.artists[id] ? !!store.library.artists[id].starred : null
|
|
} else {
|
|
return store.library.songs[id] ? !!store.library.songs[id].starred : null
|
|
}
|
|
},
|
|
[id, type],
|
|
),
|
|
)
|
|
|
|
useEffect(() => {
|
|
if (_starred === null) {
|
|
if (type === 'album') {
|
|
fetchAlbum(id)
|
|
} else if (type === 'artist') {
|
|
fetchArtist(id)
|
|
} else {
|
|
fetchSong(id)
|
|
}
|
|
}
|
|
}, [fetchAlbum, fetchArtist, fetchSong, id, _starred, type])
|
|
|
|
const starred = !!_starred
|
|
|
|
const _star = useStore(store => store.star)
|
|
const _unstar = useStore(store => store.unstar)
|
|
|
|
const star = useCallback(() => _star(starParams(id, type)), [_star, id, type])
|
|
const unstar = useCallback(() => _unstar(starParams(id, type)), [_unstar, id, type])
|
|
|
|
const toggleStar = useCallback(() => (starred ? unstar() : star()), [star, starred, unstar])
|
|
|
|
return { star, unstar, toggleStar, starred }
|
|
}
|