mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-02-20 07:37:26 -05:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-631] TopBar improvements & misc fixes (#837)

Browse Source 
* fix things

* added back/forward buttons to settings

* split top bar context into left and right

* hook up path

* fix background jobs hidden from job manager

* core

* fix type + quick preview transition

* fix selected item color contrast

* fix close button on quick preview

* clean up job ui for light theme

* Improve media view overscan

---------

Co-authored-by: Brendan Allan <brendonovich@outlook.com>
This commit is contained in:
Jamie Pine
2023-05-20 17:17:27 -07:00
committed by GitHub
parent ce1cf7f495
commit 158366b69e
30 changed files with 270 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
interface/components/NavigationButtons.tsx
View File

@@ -1,35 +0,0 @@
import { ArrowLeft, ArrowRight } from 'phosphor-react';
import { useNavigate } from 'react-router';
import { Button, Tooltip } from '@sd/ui';
import { useSearchStore } from '~/hooks';
export const NavigationButtons = () => {
const navigate = useNavigate();
const { isFocused } = useSearchStore();
const idx = history.state.idx as number;
return (
<div className="flex">
<Tooltip label="Navigate back">
<Button
size="icon"
className="text-[14px] text-ink-dull"
onClick={() => navigate(-1)}
disabled={isFocused || idx === 0}
>
<ArrowLeft weight="bold" />
</Button>
</Tooltip>
<Tooltip label="Navigate forward">
<Button
size="icon"
className="text-[14px] text-ink-dull"
onClick={() => navigate(1)}
disabled={isFocused || idx === history.length - 1}
>
<ArrowRight weight="bold" />
</Button>
</Tooltip>
</div>
);
};

1
interface/components/index.ts
View File

@@ -4,7 +4,6 @@ export * from './ColorPicker';
export * from './DismissibleNotice';
export * from './DragRegion';
export * from './ExternalObject';
export * from './NavigationButtons';
export * from './PasswordMeter';
export * from './SubtleButton';
export * from './TrafficLights';