diff --git a/interface/app/$libraryId/Explorer/ExplorerPathBar.tsx b/interface/app/$libraryId/Explorer/ExplorerPathBar.tsx
index 182279454..4e0e824ba 100644
--- a/interface/app/$libraryId/Explorer/ExplorerPathBar.tsx
+++ b/interface/app/$libraryId/Explorer/ExplorerPathBar.tsx
@@ -1,8 +1,4 @@
import { AppWindow, ArrowSquareOut, CaretRight, ClipboardText } from '@phosphor-icons/react';
-import clsx from 'clsx';
-import { memo, useMemo, useState } from 'react';
-import { useNavigate } from 'react-router';
-import { createSearchParams } from 'react-router-dom';
import {
getExplorerItemData,
getIndexedItemFilePath,
@@ -10,9 +6,13 @@ import {
useLibraryQuery
} from '@sd/client';
import { ContextMenu } from '@sd/ui';
+import clsx from 'clsx';
+import { memo, useMemo, useState } from 'react';
+import { useNavigate } from 'react-router';
+import { createSearchParams } from 'react-router-dom';
+import { useTabsContext } from '~/TabsContext';
import { Icon } from '~/components';
import { useIsDark, useLocale, useOperatingSystem } from '~/hooks';
-import { useTabsContext } from '~/TabsContext';
import { usePlatform } from '~/util/Platform';
import { useExplorerContext } from './Context';
@@ -119,10 +119,10 @@ export const ExplorerPathBar = memo(() => {
return (
{paths.map((path, idx) => (
(
return (
diff --git a/interface/app/$libraryId/Explorer/TopBarOptions.tsx b/interface/app/$libraryId/Explorer/TopBarOptions.tsx
index b79dd7ae4..1fcd4147d 100644
--- a/interface/app/$libraryId/Explorer/TopBarOptions.tsx
+++ b/interface/app/$libraryId/Explorer/TopBarOptions.tsx
@@ -8,15 +8,15 @@ import {
SquaresFour,
Tag
} from '@phosphor-icons/react';
+import { ExplorerLayout, useSelector } from '@sd/client';
import clsx from 'clsx';
import { useMemo } from 'react';
import { useDocumentEventListener } from 'rooks';
-import { ExplorerLayout, useSelector } from '@sd/client';
import { useKeyMatcher, useLocale } from '~/hooks';
import { KeyManager } from '../KeyManager';
import { Spacedrop, SpacedropButton } from '../Spacedrop';
-import TopBarOptions, { ToolOption, TOP_BAR_ICON_CLASSLIST } from '../TopBar/TopBarOptions';
+import TopBarOptions, { TOP_BAR_ICON_CLASSLIST, ToolOption } from '../TopBar/TopBarOptions';
import { useExplorerContext } from './Context';
import OptionsPanel from './OptionsPanel';
import { explorerStore } from './store';
@@ -83,7 +83,7 @@ export const useExplorerTopBarOptions = () => {
toolTipLabel: t('show_inspector'),
keybinds: [controlIcon, 'I'],
onClick: () => {
- explorerStore.showInspector = !showInspector;
+ explorerStore.showInspector = !explorerStore.showInspector
},
icon: (
) {
) {
listViewOptions={{ hideHeaderBorder: true }}
scrollPadding={{
top: topBar.topBarHeight,
- bottom: showPathBar ? PATH_BAR_HEIGHT : undefined
+ bottom: showPathBar ? PATH_BAR_HEIGHT + (showTagBar ? TAG_BAR_HEIGHT : 0) : undefined
}}
/>
@@ -132,11 +132,11 @@ export default function Explorer(props: PropsWithChildren) {
{showInspector && (
)}