mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-21 15:07:54 -04:00
2a5d5be4c0
* d * wip * Nit: margin and padding tweak * UI design tweaks * Update Job.tsx * Improve UI * [WIP] - Refactor job manager * remove invalidate explorer event on thumb generation. the event above performs atomic updates on the front end when new thumbnails are generated, now just need to make that work * prettier formatting + removed unused imports * UI tweaks * progress bar width adjustment * tweaks * fix em * fix thumbnail generation * fix progress bar * fix time --------- Co-authored-by: Jamie Pine <ijamespine@me.com> Co-authored-by: Brendan Allan <brendonovich@outlook.com> Co-authored-by: Oscar Beaumont <oscar@otbeaumont.me>
49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
import { Gear } from 'phosphor-react';
|
|
import { useClientContext, useDebugState } from '@sd/client';
|
|
import { Button, ButtonLink, Popover, Tooltip } from '@sd/ui';
|
|
import DebugPopover from './DebugPopover';
|
|
import { IsRunningJob, JobsManager } from './JobManager';
|
|
|
|
export default () => {
|
|
const { library } = useClientContext();
|
|
const debugState = useDebugState();
|
|
|
|
return (
|
|
<div className="space-y-1">
|
|
<div className="flex">
|
|
<ButtonLink
|
|
to="settings/client/general"
|
|
size="icon"
|
|
variant="subtle"
|
|
className="text-ink-faint ring-offset-sidebar"
|
|
>
|
|
<Tooltip label="Settings">
|
|
<Gear className="h-5 w-5" />
|
|
</Tooltip>
|
|
</ButtonLink>
|
|
<Popover
|
|
trigger={
|
|
<Button
|
|
size="icon"
|
|
variant="subtle"
|
|
className="text-ink-faint ring-offset-sidebar radix-state-open:bg-sidebar-selected/50"
|
|
disabled={!library}
|
|
>
|
|
{library && (
|
|
<Tooltip label="Recent Jobs">
|
|
<IsRunningJob />
|
|
</Tooltip>
|
|
)}
|
|
</Button>
|
|
}
|
|
>
|
|
<div className="block h-96 w-[430px]">
|
|
<JobsManager />
|
|
</div>
|
|
</Popover>
|
|
</div>
|
|
{debugState.enabled && <DebugPopover />}
|
|
</div>
|
|
);
|
|
};
|