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

update fields and add multiselect to smart playlist sort

Browse Source
This commit is contained in:
jeffvli
2025-11-28 22:30:10 -08:00
parent 9b17d3513a
commit 72e2e6daca
5 changed files with 63 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/playlists/components/create-playlist-form.tsx
+7 -2
View File
@@ -57,13 +57,18 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
const smartPlaylist = queryBuilderRef.current?.getFilters();
const sortValue =
isSmartPlaylist && smartPlaylist?.extraFilters?.sortBy
? smartPlaylist.extraFilters.sortBy.join(',')
: undefined;
const rules =
isSmartPlaylist && smartPlaylist?.filters
? {
...convertQueryGroupToNDQuery(smartPlaylist.filters),
limit: smartPlaylist.extraFilters.limit,
order: smartPlaylist.extraFilters.sortOrder,
sort: smartPlaylist.extraFilters.sortBy,
sort: sortValue || 'dateAdded',
}
: undefined;
@@ -165,7 +170,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
limit={undefined}
query={undefined}
ref={queryBuilderRef}
sortBy={SongListSort.ALBUM}
sortBy={[SongListSort.ALBUM]}
sortOrder="asc"
/>
</Stack>
src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
+1 -1
View File
@@ -53,7 +53,7 @@ export const PlaylistDetailSongListHeader = ({
{formatDurationString(playlistDuration)}
</LibraryHeaderBar.Badge>
)}
<LibraryHeaderBar.Badge isLoading={!itemCount}>
<LibraryHeaderBar.Badge isLoading={!!itemCount}>
{itemCount}
</LibraryHeaderBar.Badge>
</LibraryHeaderBar>
src/renderer/features/playlists/components/playlist-query-builder.tsx
+9 -9
View File
@@ -30,6 +30,7 @@ import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
import { Flex } from '/@/shared/components/flex/flex';
import { Group } from '/@/shared/components/group/group';
import { Icon } from '/@/shared/components/icon/icon';
import { MultiSelect } from '/@/shared/components/multi-select/multi-select';
import { NumberInput } from '/@/shared/components/number-input/number-input';
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
import { Select } from '/@/shared/components/select/select';
@@ -52,15 +53,15 @@ interface PlaylistQueryBuilderProps {
limit?: number;
onSave?: (
parsedFilter: any,
extraFilters: { limit?: number; sortBy?: string; sortOrder?: string },
extraFilters: { limit?: number; sortBy?: string[]; sortOrder?: string },
) => void;
onSaveAs?: (
parsedFilter: any,
extraFilters: { limit?: number; sortBy?: string; sortOrder?: string },
extraFilters: { limit?: number; sortBy?: string[]; sortOrder?: string },
) => void;
playlistId?: string;
query: any;
sortBy: SongListSort;
sortBy: SongListSort | SongListSort[];
sortOrder: 'asc' | 'desc';
}
@@ -82,7 +83,7 @@ export type PlaylistQueryBuilderRef = {
getFilters: () => {
extraFilters: {
limit?: number;
sortBy?: string;
sortBy?: string[];
sortOrder?: string;
};
filters: QueryBuilderGroup;
@@ -133,7 +134,7 @@ export const PlaylistQueryBuilder = forwardRef(
const extraFiltersForm = useForm({
initialValues: {
limit,
sortBy,
sortBy: Array.isArray(sortBy) ? sortBy : sortBy ? [sortBy] : [],
sortOrder,
},
});
@@ -442,13 +443,12 @@ export const PlaylistQueryBuilder = forwardRef(
/>
</ScrollArea>
<Group align="flex-end" justify="space-between" m="1rem" wrap="nowrap">
<Group gap="sm" w="100%" wrap="nowrap">
<Select
<Group align="flex-end" gap="sm" w="100%" wrap="nowrap">
<MultiSelect
data={sortOptions}
label="Sort"
maxWidth="20%"
maxWidth="50%"
searchable
width={150}
{...extraFiltersForm.getInputProps('sortBy')}
/>
<Select
src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx
+24 -7
View File
@@ -41,15 +41,20 @@ const PlaylistDetailSongListRoute = () => {
const handleSave = (
filter: Record<string, any>,
extraFilters: { limit?: number; sortBy?: string; sortOrder?: string },
extraFilters: { limit?: number; sortBy?: string[]; sortOrder?: string },
) => {
if (!detailQuery?.data) return;
const sortValue =
extraFilters.sortBy && extraFilters.sortBy.length > 0
? extraFilters.sortBy.join(',')
: 'dateAdded';
const rules = {
...filter,
limit: extraFilters.limit || undefined,
order: extraFilters.sortOrder || 'desc',
sort: extraFilters.sortBy || 'dateAdded',
sort: sortValue,
};
createPlaylistMutation.mutate(
@@ -89,15 +94,20 @@ const PlaylistDetailSongListRoute = () => {
const handleSaveAs = (
filter: Record<string, any>,
extraFilters: { limit?: number; sortBy?: string; sortOrder?: string },
extraFilters: { limit?: number; sortBy?: string[]; sortOrder?: string },
) => {
if (!detailQuery?.data) return;
const sortValue =
extraFilters.sortBy && extraFilters.sortBy.length > 0
? extraFilters.sortBy.join(',')
: 'dateAdded';
const rules = {
...filter,
limit: extraFilters.limit || undefined,
order: extraFilters.sortOrder || 'desc',
sort: extraFilters.sortBy || 'dateAdded',
sort: sortValue,
};
openModal({
@@ -255,9 +265,16 @@ const PlaylistDetailSongListRoute = () => {
onSaveAs={handleSaveAs}
playlistId={playlistId}
query={detailQuery?.data?.rules}
sortBy={
detailQuery?.data?.rules?.sort || SongListSort.ALBUM
}
sortBy={(() => {
const sort = detailQuery?.data?.rules?.sort;
if (Array.isArray(sort)) {
return sort;
}
if (typeof sort === 'string' && sort.includes(',')) {
return sort.split(',').map((s) => s.trim());
}
return sort ? [sort] : [SongListSort.ALBUM];
})()}
sortOrder={detailQuery?.data?.rules?.order || 'asc'}
/>
)}