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/components/rating/index.tsx

@@ -1,7 +1,12 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import { MouseEvent } from 'react';
 import { Rating as MantineRating, RatingProps as MantineRatingProps } from '@mantine/core';
 import styled from 'styled-components';
+import { Tooltip } from '/@/renderer/components/tooltip';
 
-type RatingProps = MantineRatingProps;
+interface RatingProps extends Omit<MantineRatingProps, 'onClick'> {
+  onClick: (e: MouseEvent<HTMLDivElement>, value: number | undefined) => void;
+}
 
 const StyledRating = styled(MantineRating)`
   & .mantine-Rating-symbolBody {
@@ -11,6 +16,18 @@ const StyledRating = styled(MantineRating)`
   }
 `;
 
-export const Rating = ({ ...props }: RatingProps) => {
-  return <StyledRating {...props} />;
+export const Rating = ({ onClick, ...props }: RatingProps) => {
+  // const debouncedOnClick = debounce(onClick, 100);
+
+  return (
+    <Tooltip
+      label="Double click to clear"
+      openDelay={1000}
+    >
+      <StyledRating
+        {...props}
+        onDoubleClick={(e) => onClick(e, props.value)}
+      />
+    </Tooltip>
+  );
 };