add new context menu implementation

2026-06-17 17:04:16 +02:00 · 2025-11-15 04:22:06 -08:00
parent ec0590c79a
commit 8eb90ebf06
47 changed files with 2826 additions and 1593 deletions
@@ -0,0 +1,65 @@
+import { useTranslation } from 'react-i18next';
+
+import { useSetRating } from '/@/renderer/features/shared/mutations/set-rating-mutation';
+import { useCurrentServerId } from '/@/renderer/store';
+import { ContextMenu } from '/@/shared/components/context-menu/context-menu';
+import { Rating } from '/@/shared/components/rating/rating';
+import { LibraryItem } from '/@/shared/types/domain-types';
+
+interface SetRatingActionProps {
+    ids: string[];
+    itemType: LibraryItem;
+}
+
+export const SetRatingAction = ({ ids, itemType }: SetRatingActionProps) => {
+    const { t } = useTranslation();
+
+    const serverId = useCurrentServerId();
+
+    const setRatingMutation = useSetRating({});
+
+    const onRating = (rating: number) => {
+        setRatingMutation.mutate({
+            apiClientProps: { serverId },
+            query: {
+                id: ids,
+                rating,
+                type: itemType,
+            },
+        });
+    };
+
+    return (
+        <ContextMenu.Submenu>
+            <ContextMenu.SubmenuTarget>
+                <ContextMenu.Item
+                    leftIcon="star"
+                    onSelect={(e) => e.preventDefault()}
+                    rightIcon="arrowRightS"
+                >
+                    {t('action.setRating', { postProcess: 'sentenceCase' })}
+                </ContextMenu.Item>
+            </ContextMenu.SubmenuTarget>
+            <ContextMenu.SubmenuContent>
+                <ContextMenu.Item onSelect={() => onRating(0)}>
+                    <Rating readOnly value={0} />
+                </ContextMenu.Item>
+                <ContextMenu.Item onSelect={() => onRating(1)}>
+                    <Rating readOnly value={1} />
+                </ContextMenu.Item>
+                <ContextMenu.Item onSelect={() => onRating(2)}>
+                    <Rating readOnly value={2} />
+                </ContextMenu.Item>
+                <ContextMenu.Item onSelect={() => onRating(3)}>
+                    <Rating readOnly value={3} />
+                </ContextMenu.Item>
+                <ContextMenu.Item onSelect={() => onRating(4)}>
+                    <Rating readOnly value={4} />
+                </ContextMenu.Item>
+                <ContextMenu.Item onSelect={() => onRating(5)}>
+                    <Rating readOnly value={5} />
+                </ContextMenu.Item>
+            </ContextMenu.SubmenuContent>
+        </ContextMenu.Submenu>
+    );
+};