add new context menu implementation

This commit is contained in:
jeffvli
2025-11-15 04:22:06 -08:00
parent ec0590c79a
commit 8eb90ebf06
47 changed files with 2826 additions and 1593 deletions
@@ -1,57 +0,0 @@
import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import {
CONFIGURABLE_CONTEXT_MENU_ITEMS,
CONTEXT_MENU_ITEM_MAPPING,
} from '/@/renderer/features/context-menu/events';
import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store';
import { Button } from '/@/shared/components/button/button';
import { Checkbox } from '/@/shared/components/checkbox/checkbox';
import { Divider } from '/@/shared/components/divider/divider';
import { Stack } from '/@/shared/components/stack/stack';
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 onClick={() => setOpen(!open)} size="compact-md" variant="filled">
{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
checked={!disabledItems[item]}
key={item}
label={t(
`page.contextMenu.${CONTEXT_MENU_ITEM_MAPPING[item] || item}`,
{
postProcess: 'sentenceCase',
},
)}
onChange={() => toggleContextMenuItem(item)}
/>
))}
</Stack>
)}
<Divider />
</>
);
};
@@ -2,7 +2,6 @@ import isElectron from 'is-electron';
import { ApplicationSettings } from '/@/renderer/features/settings/components/general/application-settings';
import { ArtistSettings } from '/@/renderer/features/settings/components/general/artist-settings';
import { ContextMenuSettings } from '/@/renderer/features/settings/components/general/context-menu-settings';
import { ControlSettings } from '/@/renderer/features/settings/components/general/control-settings';
import { HomeSettings } from '/@/renderer/features/settings/components/general/home-settings';
import { RemoteSettings } from '/@/renderer/features/settings/components/general/remote-settings';
@@ -22,7 +21,6 @@ export const GeneralTab = () => {
<ArtistSettings />
<SidebarReorder />
<SidebarSettings />
<ContextMenuSettings />
{isElectron() && <RemoteSettings />}
<CacheSettings />
</Stack>