zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front: MusicView: Fix Wrong Mutation

Browse Source
This commit is contained in:
Arthur Jamet
2023-12-25 19:35:08 +01:00
committed by Clément Le Bihan
parent 962cf58e77
commit c5124fa6ad
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/utils/likeSongMutation.ts
View File

@@ -11,9 +11,9 @@ export const useLikeSongMutation = () => {
const apiCall = like ? API.addLikedSong : API.removeLikedSong
return apiCall(songId).then(() => {
queryClient.invalidateQueries('liked songs')
queryClient.invalidateQueries('songs')
queryClient.invalidateQueries([songId])
queryClient.invalidateQueries({ queryKey: ['liked songs'] })
queryClient.invalidateQueries({ queryKey: ['songs'] })
queryClient.invalidateQueries({ queryKey: [songId] })
});
});
}

8
front/views/MusicView.tsx
View File

@@ -1,9 +1,5 @@
import React from 'react';
<<<<<<< HEAD
import { Center, useBreakpointValue, useTheme } from 'native-base';
=======
import { Center, Text, Toast, useBreakpointValue, useTheme } from 'native-base';
>>>>>>> 06cfa56 (Front: Use Mutations to update 'liked' state)
import { useWindowDimensions } from 'react-native';
import {
TabView,
@@ -28,6 +24,7 @@ export const FavoritesMusic = () => {
const navigation = useNavigation();
const likedSongs = useQuery(API.getLikedSongs(['artist', 'SongHistory']));
const { mutate } = useLikeSongMutation();
const { mutateAsync } = useLikeSongMutation();
const musics =
likedSongs.data?.map((x) => ({
@@ -38,8 +35,7 @@ export const FavoritesMusic = () => {
bestScore: x.song.bestScore,
liked: true,
onLike: () => {
Toast.show({ description: 'aaaaaaa' })
mutate({ songId: x.id, like: false })
mutateAsync({ songId: x.song.id, like: false }).then(() => likedSongs.refetch());
},
onPlay: () => navigation.navigate('Play', { songId: x.song.id }),
})) ?? [];