Add ratings support (#21)

* Update rating types for multiserver support

* Add rating mutation

* Add rating support to table views

* Add rating support on playerbar

* Add hovercard component

* Handle rating from context menu

- Improve context menu components
- Allow left / right icons
- Allow nested menus

* Add selected item count

* Fix context menu auto direction

* Add transition and move portal for context menu

* Re-use context menu for all item dropdowns

* Add ratings to detail pages / double click to clear

* Bump react-query package

src/renderer/features/context-menu/hooks/use-handle-context-menu.ts

@@ -1,6 +1,6 @@
 import { CellContextMenuEvent } from '@ag-grid-community/core';
 import sortBy from 'lodash/sortBy';
-import { LibraryItem } from '/@/renderer/api/types';
+import { Album, AlbumArtist, Artist, LibraryItem, QueueSong, Song } from '/@/renderer/api/types';
 import { openContextMenu, SetContextMenuItems } from '/@/renderer/features/context-menu/events';
 
 export const useHandleTableContextMenu = (
@@ -38,3 +38,30 @@ export const useHandleTableContextMenu = (
 
   return handleContextMenu;
 };
+
+export const useHandleGeneralContextMenu = (
+  itemType: LibraryItem,
+  contextMenuItems: SetContextMenuItems,
+  context?: any,
+) => {
+  const handleContextMenu = (
+    e: any,
+    data: Song[] | QueueSong[] | AlbumArtist[] | Artist[] | Album[],
+  ) => {
+    if (!e) return;
+    const clickEvent = e as MouseEvent;
+    clickEvent.preventDefault();
+
+    openContextMenu({
+      context,
+      data,
+      dataNodes: undefined,
+      menuItems: contextMenuItems,
+      type: itemType,
+      xPos: clickEvent.clientX + 15,
+      yPos: clickEvent.clientY + 5,
+    });
+  };
+
+  return handleContextMenu;
+};