increment views

src/screens/HitParade/HitParade.js

@@ -1,27 +1,23 @@
-import { View, Text, Image, Pressable, FlatList } from "react-native";
 import React, { useState } from "react";
-import Page from "../../layouts/Page";
+import { FlatList, Image, Pressable, Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import { background, icons } from "../../assets";
-import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
+import BorderGradientButton from "../../components/BorderGradientButton";
+import { projectsRef } from "../../config/firebase";
+import useDataFromRef from "../../hooks/useDataFromRef";
+import Page from "../../layouts/Page";
+import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
 import { Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
-import BorderGradientButton from "../../components/BorderGradientButton";
-import SongCard from "./components/SongCard";
-import { responsiveHeight } from "react-native-responsive-dimensions";
+import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 import PlaybacksCard from "./components/PlaybacksCard";
-import firebase from "../../config/firebase";
-import useDataFromRef from "../../hooks/useDataFromRef";
-import { navigate } from "../../navigation/NavigationService";
-import { Routes } from "../../navigation";
+import SongCard from "./components/SongCard";
 
 const HitParade = () => {
   const [selected, setSelected] = useState("Chansons");
   const { data: latestSongs } = useDataFromRef({
-    ref: firebase
-      .firestore()
-      .collection("projects")
-      .orderBy("createdAt", "desc")
-      .limit(10),
+    ref: projectsRef.orderBy("createdAt", "desc").limit(10),
     simpleRef: false,
     listener: true,
     condition: true,
@@ -102,7 +98,9 @@ const HitParade = () => {
                   title={item?.title || "Sans titre"}
                   artist={"MusicLand"}
                   coverUrl={item?.coverUrl || null}
-                  onPress={() => navigate(Routes.MusicDetails, { projectId: item.id })}
+                  onPress={() =>
+                    navigate(Routes.MusicDetails, { projectId: item.id })
+                  }
                 />
               )}
             />