antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 02:13:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

allow hiding context menu items

Browse source
This commit is contained in:
Kendall Garner 2024-08-26 21:35:12 -07:00
parent f746114041
commit 004c9a8d06
No known key found for this signature in database
GPG key ID: 18D2767419676C87
6 changed files with 100 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/renderer/features/context-menu/context-menu-provider.tsx
View file

@ -57,6 +57,7 @@ import {
useCurrentServer,
usePlayerStore,
useQueueControls,
useSettingsStore,
} from '/@/renderer/store';
import { usePlaybackType } from '/@/renderer/store/settings.store';
import { Play, PlaybackType } from '/@/renderer/types';
@ -99,6 +100,7 @@ export interface ContextMenuProviderProps {
}
export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
const disabledItems = useSettingsStore((state) => state.general.disabledContextMenu);
const { t } = useTranslation();
const [opened, setOpened] = useState(false);
const clickOutsideRef = useClickOutside(() => setOpened(false));
@ -927,7 +929,8 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
>
{ctx.menuItems?.map((item) => {
return (
!contextMenuItems[item.id].disabled && (
!contextMenuItems[item.id].disabled &&
!disabledItems[item.id] && (
<Fragment key={`context-menu-${item.id}`}>
{item.children ? (
<HoverCard

24
src/renderer/features/context-menu/events.ts
View file

@ -39,6 +39,30 @@ export type ContextMenuItemType =
| 'playSimilarSongs'
| 'download';
export const CONFIGURABLE_CONTEXT_MENU_ITEMS: ContextMenuItemType[] = [
'moveToBottomOfQueue',
'moveToTopOfQueue',
'play',
'playLast',
'playNext',
'playSimilarSongs',
'addToPlaylist',
'removeFromPlaylist',
'addToFavorites',
'removeFromFavorites',
'setRating',
'download',
'shareItem',
'showDetails',
];
export const CONTEXT_MENU_ITEM_MAPPING: { [k in ContextMenuItemType]?: string } = {
moveToBottomOfQueue: 'moveToBottom',
moveToTopOfQueue: 'moveToTop',
playLast: 'addLast',
playNext: 'addNext',
};
export type SetContextMenuItems = {
children?: boolean;
disabled?: boolean;

58
src/renderer/features/settings/components/general/context-menu-settings.tsx Normal file
View file

@ -0,0 +1,58 @@
import { useTranslation } from 'react-i18next';
import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
import { useState } from 'react';
import { Button, Checkbox } from '/@/renderer/components';
import { Divider, Stack } from '@mantine/core';
import {
CONFIGURABLE_CONTEXT_MENU_ITEMS,
CONTEXT_MENU_ITEM_MAPPING,
} from '/@/renderer/features/context-menu';
import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store';
export const ContextMenuSettings = () => {
const disabledItems = useSettingsStore((state) => state.general.disabledContextMenu);
const { toggleContextMenuItem } = useSettingsStoreActions();
const [open, setOpen] = useState(false);
const { t } = useTranslation();
return (
<>
<SettingsOptions
control={
<Button
compact
variant="filled"
onClick={() => setOpen(!open)}
>
{t(open ? 'common.close' : 'common.edit', { postProcess: 'titleCase' })}
</Button>
}
description={t('setting.contextMenu', {
context: 'description',
postProcess: 'sentenceCase',
})}
title={t('setting.contextMenu', {
postProcess: 'sentenceCase',
})}
/>
{open && (
<Stack>
{CONFIGURABLE_CONTEXT_MENU_ITEMS.map((item) => (
<Checkbox
key={item}
checked={!disabledItems[item]}
label={t(
`page.contextMenu.${CONTEXT_MENU_ITEM_MAPPING[item] || item}`,
{
postProcess: 'sentenceCase',
},
)}
onChange={() => toggleContextMenuItem(item)}
/>
))}
</Stack>
)}
<Divider />
</>
);
};

2
src/renderer/features/settings/components/general/general-tab.tsx
View file

@ -8,6 +8,7 @@ import { CacheSettings } from '/@/renderer/features/settings/components/window/c
import isElectron from 'is-electron';
import { HomeSettings } from '/@/renderer/features/settings/components/general/home-settings';
import { SidebarReorder } from '/@/renderer/features/settings/components/general/sidebar-reorder';
import { ContextMenuSettings } from '/@/renderer/features/settings/components/general/context-menu-settings';
export const GeneralTab = () => {
return (
@ -18,6 +19,7 @@ export const GeneralTab = () => {
<HomeSettings />
<SidebarReorder />
<SidebarSettings />
<ContextMenuSettings />
{isElectron() && <RemoteSettings />}
<CacheSettings />
</Stack>