mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 23:05:46 +00:00
fix(pr-review): address review findings for music folder filter
- Sidebar.tsx: title={} → data-tooltip + data-tooltip-pos="right" on
scope subtitle (CLAUDE.md rule: never use native title= for tooltips)
- authStore.ts: merge two set() calls in setMusicFolders into one atomic
update — avoids double render on folder list arrival
- locales (all 7): remove dead libraryScopeHint key (defined but never
rendered in any component)
- Genres.tsx: remove musicLibraryFilterVersion from effect deps —
getGenres is intentionally not folder-scoped, re-fetching on filter
change was a no-op waste
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -159,7 +159,7 @@ export default function Sidebar({
|
||||
<div className="nav-library-scope-text">
|
||||
<span className="nav-library-scope-title">{t('sidebar.library')}</span>
|
||||
{selectedFolderName ? (
|
||||
<span className="nav-library-scope-subtitle" title={selectedFolderName}>
|
||||
<span className="nav-library-scope-subtitle" data-tooltip={selectedFolderName} data-tooltip-pos="right">
|
||||
{selectedFolderName}
|
||||
</span>
|
||||
) : null}
|
||||
|
||||
@@ -24,7 +24,6 @@ export const deTranslation = {
|
||||
playlists: 'Playlists',
|
||||
radio: 'Internetradio',
|
||||
libraryScope: 'Bibliotheksumfang',
|
||||
libraryScopeHint: 'Gesamten Server-Katalog oder nur einen Medienordner durchsuchen.',
|
||||
allLibraries: 'Alle Bibliotheken',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -24,7 +24,6 @@ export const enTranslation = {
|
||||
playlists: 'Playlists',
|
||||
radio: 'Internet Radio',
|
||||
libraryScope: 'Library scope',
|
||||
libraryScopeHint: 'Browse either your whole server catalog or a single media folder.',
|
||||
allLibraries: 'All libraries',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -24,7 +24,6 @@ export const frTranslation = {
|
||||
playlists: 'Playlists',
|
||||
radio: 'Radio Internet',
|
||||
libraryScope: 'Portée de la bibliothèque',
|
||||
libraryScopeHint: 'Parcourir tout le catalogue du serveur ou un seul dossier média.',
|
||||
allLibraries: 'Toutes les bibliothèques',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -24,7 +24,6 @@ export const nbTranslation = {
|
||||
playlists: 'Spillelister',
|
||||
radio: 'Internettradio',
|
||||
libraryScope: 'Biblioteksomfang',
|
||||
libraryScopeHint: 'Vis hele serverkatalogen eller én mediemappe.',
|
||||
allLibraries: 'Alle biblioteker',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -24,7 +24,6 @@ export const nlTranslation = {
|
||||
playlists: 'Playlists',
|
||||
radio: 'Internetradio',
|
||||
libraryScope: 'Bibliotheekbereik',
|
||||
libraryScopeHint: 'Doorzoek de hele servercatalogus of één mediabibliotheek.',
|
||||
allLibraries: 'Alle bibliotheken',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -25,7 +25,6 @@ export const ruTranslation = {
|
||||
playlists: 'Плейлисты',
|
||||
radio: 'Онлайн-радио',
|
||||
libraryScope: 'Область медиатеки',
|
||||
libraryScopeHint: 'Показывать весь каталог сервера или только одну медиапапку.',
|
||||
allLibraries: 'Все библиотеки',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -24,7 +24,6 @@ export const zhTranslation = {
|
||||
playlists: '播放列表',
|
||||
radio: '网络电台',
|
||||
libraryScope: '资料库范围',
|
||||
libraryScopeHint: '浏览整个服务器目录或仅单个媒体文件夹。',
|
||||
allLibraries: '所有资料库',
|
||||
},
|
||||
home: {
|
||||
|
||||
@@ -49,7 +49,6 @@ const SCROLL_KEY = 'genres-scroll';
|
||||
export default function Genres() {
|
||||
const { t } = useTranslation();
|
||||
const navigate = useNavigate();
|
||||
const musicLibraryFilterVersion = useAuthStore(s => s.musicLibraryFilterVersion);
|
||||
const [genres, setGenres] = useState<SubsonicGenre[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const containerRef = useRef<HTMLDivElement>(null);
|
||||
@@ -61,7 +60,7 @@ export default function Genres() {
|
||||
setGenres(sorted);
|
||||
})
|
||||
.finally(() => setLoading(false));
|
||||
}, [musicLibraryFilterVersion]);
|
||||
}, []); // getGenres is not folder-scoped — no dep on musicLibraryFilterVersion
|
||||
|
||||
// Restore scroll position after genres are rendered
|
||||
useEffect(() => {
|
||||
|
||||
+10
-8
@@ -243,15 +243,17 @@ export const useAuthStore = create<AuthState>()(
|
||||
setHotCacheDownloadDir: (v) => set({ hotCacheDownloadDir: v }),
|
||||
|
||||
setMusicFolders: (folders) => {
|
||||
set({ musicFolders: folders });
|
||||
const sid = get().activeServerId;
|
||||
if (!sid) return;
|
||||
const f = get().musicLibraryFilterByServer[sid];
|
||||
if (f && f !== 'all' && !folders.some(x => x.id === f)) {
|
||||
set(s => ({
|
||||
musicLibraryFilterByServer: { ...s.musicLibraryFilterByServer, [sid]: 'all' },
|
||||
}));
|
||||
}
|
||||
set(s => {
|
||||
const f = sid ? s.musicLibraryFilterByServer[sid] : undefined;
|
||||
const invalidFilter = f && f !== 'all' && !folders.some(x => x.id === f);
|
||||
return {
|
||||
musicFolders: folders,
|
||||
...(sid && invalidFilter
|
||||
? { musicLibraryFilterByServer: { ...s.musicLibraryFilterByServer, [sid]: 'all' } }
|
||||
: {}),
|
||||
};
|
||||
});
|
||||
},
|
||||
|
||||
setMusicLibraryFilter: (folderId) => {
|
||||
|
||||
Reference in New Issue
Block a user