document title now reports current path

frontend/src/BrowseFiles.ts

@@ -3,15 +3,15 @@
 import { Link, useNavigate } from 'react-router-dom'
 import { createElement as h, Fragment, memo, MouseEvent, useCallback, useEffect, useMemo, useRef, useState,
     useId} from 'react'
-import { useEventListener, useMediaQuery, useWindowSize } from 'usehooks-ts'
+import { useDocumentTitle, useEventListener, useMediaQuery, useWindowSize } from 'usehooks-ts'
 import {
     domOn, formatBytes, ErrorMsg, hIcon, onlyTruthy, noAriaTitle, prefix, isMac, isCtrlKey, hfsEvent, formatTimestamp
 } from './misc'
 import { Checkbox, CustomCode, iconBtn, Spinner } from './components'
 import { Head } from './Head'
 import { DirEntry, state, useSnapState } from './state'
 import { alertDialog } from './dialog'
-import useFetchList from './useFetchList'
+import useFetchList, { usePath } from './useFetchList'
 import { useAuthorized } from './login'
 import { acceptDropFiles } from './upload'
 import { enqueueUpload } from './uploadQueue'
@@ -24,8 +24,10 @@ const { t, useI18N } = i18n
 
 export const MISSING_PERM = "Missing permission"
 
+const originalTitle = document.title
 export function BrowseFiles() {
     useFetchList()
+    useDocumentTitle(originalTitle + ' ' + decodeURIComponent(usePath()).slice(1, -1))
     const { error } = useSnapState()
     const { props, tile_size=0 } = useSnapState()
     const propsDropFiles = useMemo(() => ({