diff --git a/interface/app/$libraryId/Explorer/QuickPreview/index.tsx b/interface/app/$libraryId/Explorer/QuickPreview/index.tsx index 8de1afc4b..fb27a430e 100644 --- a/interface/app/$libraryId/Explorer/QuickPreview/index.tsx +++ b/interface/app/$libraryId/Explorer/QuickPreview/index.tsx @@ -270,7 +270,11 @@ export const QuickPreview = () => { useShortcut('closeQuickPreview', (e) => { if (explorerStore.isCMDPOpen) return; e.preventDefault(); - getQuickPreviewStore().open = false; + e.stopPropagation(); + // set timeout is to move the state change to the next event loop + setTimeout(() => { + getQuickPreviewStore().open = false; + }, 0); }); // Toggle metadata diff --git a/interface/app/$libraryId/search/SearchOptions.tsx b/interface/app/$libraryId/search/SearchOptions.tsx index 930155315..5f1276818 100644 --- a/interface/app/$libraryId/search/SearchOptions.tsx +++ b/interface/app/$libraryId/search/SearchOptions.tsx @@ -1,7 +1,9 @@ import { FunnelSimple, Icon, Plus } from '@phosphor-icons/react'; import { IconTypes } from '@sd/assets/util'; import clsx from 'clsx'; +import { use } from 'i18next'; import { memo, PropsWithChildren, useDeferredValue, useMemo, useState } from 'react'; +import { get } from 'react-hook-form'; import { useFeatureFlag, useLibraryMutation } from '@sd/client'; import { Button, @@ -10,11 +12,13 @@ import { Input, Popover, RadixCheckbox, + toast, tw, usePopover } from '@sd/ui'; -import { useIsDark, useKeybind, useLocale } from '~/hooks'; +import { useIsDark, useKeybind, useLocale, useShortcut } from '~/hooks'; +import { getQuickPreviewStore, useQuickPreviewStore } from '../Explorer/QuickPreview/store'; import { AppliedFilters, InteractiveSection } from './AppliedFilters'; import { useSearchContext } from './context'; import { filterRegistry, SearchFilterCRUD, useToggleOptionSelected } from './Filters'; @@ -334,6 +338,7 @@ function SaveSearchButton() { function EscapeButton() { const search = useSearchContext(); + let { open: isQpOpen } = useQuickPreviewStore(); function escape() { search.setSearch?.(undefined); @@ -341,7 +346,16 @@ function EscapeButton() { search.setSearchBarFocused(false); } - useKeybind(['Escape'], escape); + useShortcut('explorerEscape', (e) => { + isQpOpen = getQuickPreviewStore().open; + + e.preventDefault(); + e.stopPropagation(); + // Check the open state from the store + if (!isQpOpen) { + escape(); + } + }); return ( (
- + {symbol}
diff --git a/packages/ui/style/colors.scss b/packages/ui/style/colors.scss index 2f7bc6f29..07d60e5be 100644 --- a/packages/ui/style/colors.scss +++ b/packages/ui/style/colors.scss @@ -10,14 +10,14 @@ --color-accent-faint: 208, 100%, 64%; --color-accent-deep: 208, 100%, 47%; // text - --color-ink: var(--dark-hue), 0%, 100%; + --color-ink: var(--dark-hue), 35%, 92%; --color-ink-dull: var(--dark-hue), 10%, 70%; --color-ink-faint: var(--dark-hue), 10%, 55%; // sidebar --color-sidebar: var(--dark-hue), 15%, 7%; --color-sidebar-box: var(--dark-hue), 15%, 16%; --color-sidebar-line: var(--dark-hue), 15%, 23%; - --color-sidebar-ink: var(--dark-hue), 0%, 100%; + --color-sidebar-ink: var(--dark-hue), 15%, 92%; --color-sidebar-ink-dull: var(--dark-hue), 10%, 70%; --color-sidebar-ink-faint: var(--dark-hue), 10%, 55%; --color-sidebar-divider: var(--dark-hue), 15%, 17%; @@ -47,7 +47,7 @@ // menu --color-menu: var(--dark-hue), 15%, 10%; --color-menu-line: var(--dark-hue), 15%, 14%; - --color-menu-ink: var(--dark-hue), 10%, 100%; + --color-menu-ink: var(--dark-hue), 25%, 92%; --color-menu-faint: var(--dark-hue), 5%, 80%; --color-menu-hover: var(--dark-hue), 15%, 30%; --color-menu-selected: var(--dark-hue), 5%, 30%; diff --git a/scripts/fix-deb.sh b/scripts/fix-deb.sh index 95e66a948..2da36706b 100755 --- a/scripts/fix-deb.sh +++ b/scripts/fix-deb.sh @@ -130,6 +130,8 @@ curl -LSs 'https://gist.githubusercontent.com/HeavenVolkoff/0993c42bdb0b952eb5bf # Fill the Categories entry in .desktop file sed -i 's/^Categories=.*/Categories=System;FileTools;FileManager;/' "${_tmp}/data/usr/share/applications/spacedrive.desktop" +# Rename sd-desktop to spacedrive +sed -i 's/=sd-desktop/=spacedrive/' "${_tmp}/data/usr/share/applications/spacedrive.desktop" # Fix data permissions find "${_tmp}/data" -type d -exec chmod 755 {} +