my liked music

src/providers/UserDataProvider.js

@@ -1,10 +1,11 @@
-import { useContext, createContext, useGlobal } from "reactn";
+/* eslint-disable react/display-name */
 import { useDataFromRef } from "react-native-minuit/src/hooks";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit";
+import { createContext, useContext, useGlobal } from "reactn";
 
-import firebase, { usersRef } from "../config/firebase";
 import { useState } from "react";
 import { checkIfEmailIsValid } from "../actions/signupActions";
+import firebase, { usersRef } from "../config/firebase";
 
 export const UserDataContext = createContext();
 
@@ -20,7 +21,7 @@ export default ({ children }) => {
   const [currentUserRoles] = useGlobal("currentUserRoles");
   const [userProjects, setUserProjects] = useState([]);
   const [userLikedProjects, setUserLikedProjects] = useState([]);
-
+  const [userLikedMusic, setUserLikedMusic] = useState([]);
   useDataFromRef({
     ref: currentUID ? usersRef.doc(currentUID) : null,
     simpleRef: true,
@@ -68,6 +69,22 @@ export default ({ children }) => {
     onUpdate: (list) => setUserLikedProjects(Array.isArray(list) ? list : []),
   });
 
+  // userLiked music
+  useDataFromRef({
+    ref: currentUID
+      ? firebase
+          .firestore()
+          .collection("projects")
+          .where("likedBy", "array-contains", currentUID)
+          .orderBy("updatedAt", "desc")
+      : null,
+    simpleRef: false,
+    listener: true,
+    condition: !!currentUID,
+    refreshArray: [currentUID],
+    onUpdate: (list) => setUserLikedMusic(Array.isArray(list) ? list : []),
+  });
+
   const updatePendingUserData = (newData) => {
     setPendingUserData((prevData) => ({
       ...prevData,