Enable delete button in playlist song list
This commit is contained in:
parent
63a77ae68c
commit
d64040f3f0
1 changed files with 5 additions and 3 deletions
|
@ -42,10 +42,11 @@ import {
|
||||||
} from '/@/renderer/store';
|
} from '/@/renderer/store';
|
||||||
import { ListDisplayType, ServerType, Play, TableColumn } from '/@/renderer/types';
|
import { ListDisplayType, ServerType, Play, TableColumn } from '/@/renderer/types';
|
||||||
import { usePlaylistDetail } from '/@/renderer/features/playlists/queries/playlist-detail-query';
|
import { usePlaylistDetail } from '/@/renderer/features/playlists/queries/playlist-detail-query';
|
||||||
import { useParams } from 'react-router';
|
import { useParams, useNavigate } from 'react-router';
|
||||||
import { SONG_TABLE_COLUMNS } from '/@/renderer/components/virtual-table';
|
import { SONG_TABLE_COLUMNS } from '/@/renderer/components/virtual-table';
|
||||||
import { openUpdatePlaylistModal } from '/@/renderer/features/playlists/components/update-playlist-form';
|
import { openUpdatePlaylistModal } from '/@/renderer/features/playlists/components/update-playlist-form';
|
||||||
import { useDeletePlaylist } from '/@/renderer/features/playlists/mutations/delete-playlist-mutation';
|
import { useDeletePlaylist } from '/@/renderer/features/playlists/mutations/delete-playlist-mutation';
|
||||||
|
import { AppRoute } from '/@/renderer/router/routes';
|
||||||
|
|
||||||
const FILTERS = {
|
const FILTERS = {
|
||||||
jellyfin: [
|
jellyfin: [
|
||||||
|
@ -107,6 +108,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
|
||||||
handleToggleShowQueryBuilder,
|
handleToggleShowQueryBuilder,
|
||||||
}: PlaylistDetailSongListHeaderFiltersProps) => {
|
}: PlaylistDetailSongListHeaderFiltersProps) => {
|
||||||
const { playlistId } = useParams() as { playlistId: string };
|
const { playlistId } = useParams() as { playlistId: string };
|
||||||
|
const navigate = useNavigate();
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
const server = useCurrentServer();
|
const server = useCurrentServer();
|
||||||
const setPage = useSetPlaylistStore();
|
const setPage = useSetPlaylistStore();
|
||||||
|
@ -280,11 +282,12 @@ export const PlaylistDetailSongListHeaderFilters = ({
|
||||||
toast.success({
|
toast.success({
|
||||||
message: `Playlist has been deleted`,
|
message: `Playlist has been deleted`,
|
||||||
});
|
});
|
||||||
|
navigate(AppRoute.PLAYLISTS, { replace: true });
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
closeAllModals();
|
closeAllModals();
|
||||||
}, [deletePlaylistMutation, detailQuery.data]);
|
}, [deletePlaylistMutation, detailQuery.data, navigate]);
|
||||||
|
|
||||||
const openDeletePlaylistModal = () => {
|
const openDeletePlaylistModal = () => {
|
||||||
openModal({
|
openModal({
|
||||||
|
@ -390,7 +393,6 @@ export const PlaylistDetailSongListHeaderFilters = ({
|
||||||
Edit playlist
|
Edit playlist
|
||||||
</DropdownMenu.Item>
|
</DropdownMenu.Item>
|
||||||
<DropdownMenu.Item
|
<DropdownMenu.Item
|
||||||
disabled
|
|
||||||
icon={<RiDeleteBinFill />}
|
icon={<RiDeleteBinFill />}
|
||||||
onClick={openDeletePlaylistModal}
|
onClick={openDeletePlaylistModal}
|
||||||
>
|
>
|
||||||
|
|
Reference in a new issue