vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-14 12:30:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

lint all files

Browse Source
This commit is contained in:
jeffvli
2025-11-29 17:38:19 -08:00
parent 96e9d54f4e
commit 108ba53be2
30 changed files with 202 additions and 545 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/artists/components/album-artist-detail-header.tsx
+85 -87
View File
@@ -15,102 +15,100 @@ import { Stack } from '/@/shared/components/stack/stack';
import { Text } from '/@/shared/components/text/text';
import { LibraryItem, ServerType } from '/@/shared/types/domain-types';
export const AlbumArtistDetailHeader = forwardRef(
(_props, ref: Ref<HTMLDivElement>) => {
const { albumArtistId, artistId } = useParams() as {
albumArtistId?: string;
artistId?: string;
};
const routeId = (artistId || albumArtistId) as string;
const server = useCurrentServer();
const { t } = useTranslation();
const detailQuery = useQuery(
artistsQueries.albumArtistDetail({
query: { id: routeId },
serverId: server?.id,
}),
);
export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivElement>) => {
const { albumArtistId, artistId } = useParams() as {
albumArtistId?: string;
artistId?: string;
};
const routeId = (artistId || albumArtistId) as string;
const server = useCurrentServer();
const { t } = useTranslation();
const detailQuery = useQuery(
artistsQueries.albumArtistDetail({
query: { id: routeId },
serverId: server?.id,
}),
);
const albumCount = detailQuery?.data?.albumCount;
const songCount = detailQuery?.data?.songCount;
const duration = detailQuery?.data?.duration;
const durationEnabled = duration !== null && duration !== undefined;
const albumCount = detailQuery?.data?.albumCount;
const songCount = detailQuery?.data?.songCount;
const duration = detailQuery?.data?.duration;
const durationEnabled = duration !== null && duration !== undefined;
const metadataItems = [
{
enabled: albumCount !== null && albumCount !== undefined,
id: 'albumCount',
secondary: false,
value: t('entity.albumWithCount', { count: albumCount || 0 }),
},
{
enabled: songCount !== null && songCount !== undefined,
id: 'songCount',
secondary: false,
value: t('entity.trackWithCount', { count: songCount || 0 }),
},
{
enabled: durationEnabled,
id: 'duration',
secondary: true,
value: durationEnabled && formatDurationString(duration),
},
];
const metadataItems = [
{
enabled: albumCount !== null && albumCount !== undefined,
id: 'albumCount',
secondary: false,
value: t('entity.albumWithCount', { count: albumCount || 0 }),
},
{
enabled: songCount !== null && songCount !== undefined,
id: 'songCount',
secondary: false,
value: t('entity.trackWithCount', { count: songCount || 0 }),
},
{
enabled: durationEnabled,
id: 'duration',
secondary: true,
value: durationEnabled && formatDurationString(duration),
},
];
const { setRating } = usePlayer();
const { setRating } = usePlayer();
const handleUpdateRating = (rating: number) => {
if (!detailQuery?.data) return;
if (detailQuery.data.userRating === rating) {
return setRating(
detailQuery.data._serverId,
[detailQuery.data.id],
LibraryItem.ALBUM_ARTIST,
0,
);
}
const handleUpdateRating = (rating: number) => {
if (!detailQuery?.data) return;
if (detailQuery.data.userRating === rating) {
return setRating(
detailQuery.data._serverId,
[detailQuery.data.id],
LibraryItem.ALBUM_ARTIST,
rating,
0,
);
};
}
const showRating = detailQuery?.data?._serverType === ServerType.NAVIDROME;
return (
<LibraryHeader
imageUrl={detailQuery?.data?.imageUrl}
item={{ route: AppRoute.LIBRARY_ALBUM_ARTISTS, type: LibraryItem.ALBUM_ARTIST }}
ref={ref}
title={detailQuery?.data?.name || ''}
>
<Stack>
<Group>
{metadataItems
.filter((i) => i.enabled)
.map((item, index) => (
<Fragment key={`item-${item.id}-${index}`}>
{index > 0 && <Text isNoSelect>•</Text>}
<Text isMuted={item.secondary}>{item.value}</Text>
</Fragment>
))}
{showRating && (
<>
<Text isNoSelect>•</Text>
<Rating
onChange={handleUpdateRating}
readOnly={detailQuery?.isFetching}
value={detailQuery?.data?.userRating || 0}
/>
</>
)}
</Group>
</Stack>
</LibraryHeader>
return setRating(
detailQuery.data._serverId,
[detailQuery.data.id],
LibraryItem.ALBUM_ARTIST,
rating,
);
},
);
};
const showRating = detailQuery?.data?._serverType === ServerType.NAVIDROME;
return (
<LibraryHeader
imageUrl={detailQuery?.data?.imageUrl}
item={{ route: AppRoute.LIBRARY_ALBUM_ARTISTS, type: LibraryItem.ALBUM_ARTIST }}
ref={ref}
title={detailQuery?.data?.name || ''}
>
<Stack>
<Group>
{metadataItems
.filter((i) => i.enabled)
.map((item, index) => (
<Fragment key={`item-${item.id}-${index}`}>
{index > 0 && <Text isNoSelect>•</Text>}
<Text isMuted={item.secondary}>{item.value}</Text>
</Fragment>
))}
{showRating && (
<>
<Text isNoSelect>•</Text>
<Rating
onChange={handleUpdateRating}
readOnly={detailQuery?.isFetching}
value={detailQuery?.data?.userRating || 0}
/>
</>
)}
</Group>
</Stack>
</LibraryHeader>
);
});
src/renderer/features/artists/components/album-artist-list-header-filters.tsx
+1 -4
View File
@@ -3,7 +3,6 @@ import { ListConfigMenu } from '/@/renderer/features/shared/components/list-conf
import { ListRefreshButton } from '/@/renderer/features/shared/components/list-refresh-button';
import { ListSortByDropdown } from '/@/renderer/features/shared/components/list-sort-by-dropdown';
import { ListSortOrderToggleButton } from '/@/renderer/features/shared/components/list-sort-order-toggle-button';
import { useContainerQuery } from '/@/renderer/hooks';
import { Divider } from '/@/shared/components/divider/divider';
import { Flex } from '/@/shared/components/flex/flex';
import { Group } from '/@/shared/components/group/group';
@@ -11,11 +10,9 @@ import { AlbumArtistListSort, LibraryItem, SortOrder } from '/@/shared/types/dom
import { ItemListKey } from '/@/shared/types/types';
export const AlbumArtistListHeaderFilters = () => {
const { ref, ...cq } = useContainerQuery();
return (
<Flex justify="space-between">
<Group gap="sm" ref={ref} w="100%">
<Group gap="sm" w="100%">
<ListSortByDropdown
defaultSortByValue={AlbumArtistListSort.NAME}
itemType={LibraryItem.ALBUM_ARTIST}
src/renderer/features/artists/components/album-artist-list-infinite-grid.tsx
+10 -13
View File
@@ -20,20 +20,17 @@ interface AlbumArtistListInfiniteGridProps
extends ItemListGridComponentProps<AlbumArtistListQuery> {}
export const AlbumArtistListInfiniteGrid = forwardRef<any, AlbumArtistListInfiniteGridProps>(
(
{
gap = 'md',
itemsPerPage = 100,
itemsPerRow,
query = {
sortBy: AlbumArtistListSort.NAME,
sortOrder: SortOrder.ASC,
},
saveScrollOffset = true,
serverId,
({
gap = 'md',
itemsPerPage = 100,
itemsPerRow,
query = {
sortBy: AlbumArtistListSort.NAME,
sortOrder: SortOrder.ASC,
},
ref,
) => {
saveScrollOffset = true,
serverId,
}) => {
const listCountQuery = artistsQueries.albumArtistListCount({
query: { ...query },
serverId: serverId,
src/renderer/features/artists/components/artist-list-header-filters.tsx
+1 -3
View File
@@ -8,7 +8,6 @@ import { ListSelectFilter } from '/@/renderer/features/shared/components/list-se
import { ListSortByDropdown } from '/@/renderer/features/shared/components/list-sort-by-dropdown';
import { ListSortOrderToggleButton } from '/@/renderer/features/shared/components/list-sort-order-toggle-button';
import { FILTER_KEYS } from '/@/renderer/features/shared/utils';
import { useContainerQuery } from '/@/renderer/hooks';
import { useCurrentServer } from '/@/renderer/store';
import { Divider } from '/@/shared/components/divider/divider';
import { Flex } from '/@/shared/components/flex/flex';
@@ -17,14 +16,13 @@ import { ArtistListSort, LibraryItem, SortOrder } from '/@/shared/types/domain-t
import { ItemListKey } from '/@/shared/types/types';
export const ArtistListHeaderFilters = () => {
const { ref, ...cq } = useContainerQuery();
const server = useCurrentServer();
const rolesQuery = useQuery(sharedQueries.roles({ query: {}, serverId: server.id }));
return (
<Flex justify="space-between">
<Group gap="sm" ref={ref} w="100%">
<Group gap="sm" w="100%">
<ListSortByDropdown
defaultSortByValue={ArtistListSort.NAME}
itemType={LibraryItem.ARTIST}
src/renderer/features/artists/components/artist-list-infinite-grid.tsx
+10 -13
View File
@@ -19,20 +19,17 @@ import { ItemListKey } from '/@/shared/types/types';
interface ArtistListInfiniteGridProps extends ItemListGridComponentProps<ArtistListQuery> {}
export const ArtistListInfiniteGrid = forwardRef<any, ArtistListInfiniteGridProps>(
(
{
gap = 'md',
itemsPerPage = 100,
itemsPerRow,
query = {
sortBy: ArtistListSort.NAME,
sortOrder: SortOrder.ASC,
},
saveScrollOffset = true,
serverId,
({
gap = 'md',
itemsPerPage = 100,
itemsPerRow,
query = {
sortBy: ArtistListSort.NAME,
sortOrder: SortOrder.ASC,
},
ref,
) => {
saveScrollOffset = true,
serverId,
}) => {
const listCountQuery = artistsQueries.artistListCount({
query: { ...query },
serverId: serverId,