document title now reports current path
Massimo Melina committed
Dec 12, 2024 at 23:49 UTC
4393f6f51b4609314f79ccb2d4eddc7ccc4fe86b
1 file changed
+4
-2
frontend/src/BrowseFiles.ts
+4
-2
@@ -3,7 +3,7 @@
3
import { Link, useNavigate } from 'react-router-dom'
4
import { createElement as h, Fragment, memo, MouseEvent, useCallback, useEffect, useMemo, useRef, useState,
5
useId} from 'react'
6
-import { useEventListener, useMediaQuery, useWindowSize } from 'usehooks-ts'
6
+import { useDocumentTitle, useEventListener, useMediaQuery, useWindowSize } from 'usehooks-ts'
7
import {
8
domOn, formatBytes, ErrorMsg, hIcon, onlyTruthy, noAriaTitle, prefix, isMac, isCtrlKey, hfsEvent, formatTimestamp
9
} from './misc'
@@ -11,7 +11,7 @@ import { Checkbox, CustomCode, iconBtn, Spinner } from './components'
11
import { Head } from './Head'
12
import { DirEntry, state, useSnapState } from './state'
13
import { alertDialog } from './dialog'
14
-import useFetchList from './useFetchList'
14
+import useFetchList, { usePath } from './useFetchList'
15
import { useAuthorized } from './login'
16
import { acceptDropFiles } from './upload'
17
import { enqueueUpload } from './uploadQueue'
@@ -24,8 +24,10 @@ const { t, useI18N } = i18n
24
25
export const MISSING_PERM = "Missing permission"
26
27
+const originalTitle = document.title
28
export function BrowseFiles() {
29
useFetchList()
30
+ useDocumentTitle(originalTitle + ' ' + decodeURIComponent(usePath()).slice(1, -1))
31
const { error } = useSnapState()
32
const { props, tile_size=0 } = useSnapState()
33
const propsDropFiles = useMemo(() => ({