Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-04 11:03:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-701] Add explorer top bar options to tags (#918)

Browse source 
Add top bar options
This commit is contained in:
nikec 2023-06-06 16:26:54 +02:00 committed by GitHub
parent 007e089fcf
commit f3a35a9c13
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
interface/app/$libraryId/tag/$id.tsx
View file

@ -1,7 +1,9 @@
import { z } from 'zod';
import { useLibraryQuery } from '@sd/client';
import { useZodRouteParams } from '~/hooks';
import { useExplorerTopBarOptions, useZodRouteParams } from '~/hooks';
import Explorer from '../Explorer';
import { TopBarPortal } from '../TopBar/Portal';
import TopBarOptions from '../TopBar/TopBarOptions';
const PARAMS = z.object({
id: z.coerce.number()
@ -10,6 +12,8 @@ const PARAMS = z.object({
export const Component = () => {
const { id } = useZodRouteParams(PARAMS);
const topBarOptions = useExplorerTopBarOptions();
const explorerData = useLibraryQuery([
'search.objects',
{
@ -20,8 +24,19 @@ export const Component = () => {
]);
return (
<div className="w-full">
<>
<TopBarPortal
right={
<TopBarOptions
options={[
topBarOptions.explorerViewOptions,
topBarOptions.explorerToolOptions,
topBarOptions.explorerControlOptions
]}
/>
}
/>
{explorerData.data && <Explorer items={explorerData.data.items} />}
</div>
</>
);
};