Add 5-star rating system(#986)

* Added Star Rating functionality for Songs * Added Star Rating functionality for Artists * Added Star Rating functionality for AlbumListView * Added Star Rating functionality for AlbumDetails and improved typography for title * Added functionality to turn on/off Star Rating functionality for Songs * Added functionality to turn on/off Star Rating functionality for Artists * Added functionality to turn on/off Star Rating functionality for Albums * Added enableStarRating to server config * Resolved the bugs and improved the ratings functionality. * synced repo and removed duplicate key * changed the default rating size to small, and changed the color to match the theme. * Added translations for ratings, and Top Rated tab in side menu. * Changed rating translation to topRated in albumLists, and added has_rating filter to topRated. * Added empty stars icon to RatingField. * Added sortable=false in AlbumSongs and added sortByOrder=DESC in all List components. * Added translations for rating, for artists and albums, and removed the sortByOrder=DESC from SimpleLists.
2021-04-08 01:32:52 +05:30
parent 840521ffe2
commit 48ae4f7479
17 changed files with 277 additions and 16 deletions
@@ -0,0 +1,47 @@
+import { useState, useCallback, useEffect, useRef } from 'react'
+import { useDataProvider, useNotify } from 'react-admin'
+import subsonic from '../subsonic'
+
+export const useRating = (resource, record) => {
+  const [loading, setLoading] = useState(false)
+  const notify = useNotify()
+  const dataProvider = useDataProvider()
+  const mountedRef = useRef(false)
+  const rating = record.rating
+
+  useEffect(() => {
+    mountedRef.current = true
+    return () => {
+      mountedRef.current = false
+    }
+  }, [])
+
+  const refreshRating = useCallback(() => {
+    dataProvider
+      .getOne(resource, { id: record.id })
+      .then(() => {
+        if (mountedRef.current) {
+          setLoading(false)
+        }
+      })
+      .catch((e) => {
+        console.log('Error encountered: ' + e)
+      })
+  }, [dataProvider, record, resource])
+
+  const rate = (val, id) => {
+    setLoading(true)
+    subsonic
+      .setRating(id, val)
+      .then(refreshRating)
+      .catch((e) => {
+        console.log('Error setting star rating: ', e)
+        notify('ra.page.error', 'warning')
+        if (mountedRef.current) {
+          setLoading(false)
+        }
+      })
+  }
+
+  return [rate, rating, loading]
+}