admin/fs: show breadcrumb in file dialog

Massimo Melina committed Jan 24, 2024 at 23:06 UTC f11d187cd30d8de86d12a2c553f2ea2b43d21920
1 file changed +13 -1
admin/src/VfsPage.ts
+13 -1
@@ -62,9 +62,21 @@ export default function VfsPage() {
62
63 useEffect(() => {
64 if (isSideBreakpoint || !sideContent || !selectedFiles.length) return
65 + const ancestors = ['']
66 + {
67 + let r = single && single.parent
68 + while (r && !r.isRoot) {
69 + ancestors.push(r.name)
70 + r = r.parent
71 + }
72 + }
73 const { close } = newDialog({
74 title: selectedFiles.length > 1 ? "Multiple selection" :
67 - h(Flex, {}, vfsNodeIcon(selectedFiles[0] as VfsNode), selectedFiles[0].name || "Home"),
75 + h(Flex, {},
76 + vfsNodeIcon(selectedFiles[0] as VfsNode),
77 + selectedFiles[0].name || "Home",
78 + h(Box, { color: 'text.secondary' }, ancestors.join(' / '))
79 + ),
80 Content: () => sideContent,
81 onClose() {
82 state.selectedFiles = []