From c5124fa6adfbc90b3b85f3aad18993f7f806bdfd Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Mon, 25 Dec 2023 19:35:08 +0100
Subject: [PATCH] Front: MusicView: Fix Wrong Mutation

---
 front/utils/likeSongMutation.ts | 6 +++---
 front/views/MusicView.tsx       | 8 ++------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/front/utils/likeSongMutation.ts b/front/utils/likeSongMutation.ts
index 01f00d5..0dae056 100644
--- a/front/utils/likeSongMutation.ts
+++ b/front/utils/likeSongMutation.ts
@@ -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] })
 		});
 	});
 }
\ No newline at end of file
diff --git a/front/views/MusicView.tsx b/front/views/MusicView.tsx
index 7b40347..b96d6af 100644
--- a/front/views/MusicView.tsx
+++ b/front/views/MusicView.tsx
@@ -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 }),
 		})) ?? [];