ux: to look at dialog's content on mobile we must not trigger keyboard
Massimo Melina committed
May 6, 2024 at 17:38 UTC
46c28139ca841b3d1f424bd4d3fbcdfdc28b2169
1 file changed
+4
-2
admin/src/VfsMenuBar.ts
+4
-2
@@ -5,7 +5,7 @@ import { Alert, Box, List, ListItem, ListItemIcon, ListItemText } from '@mui/mat
5
import { Microsoft, Storage } from '@mui/icons-material'
6
import { reloadVfs } from './VfsPage'
7
import { prefix } from './misc'
8
-import { Btn, Flex, IconBtn, reloadBtn } from './mui'
8
+import { Btn, Flex, IconBtn, reloadBtn, useBreakpoint } from './mui'
9
import { apiCall, ApiObject, useApi } from './api'
10
import VfsPathField from './VfsPathField'
11
import { alertDialog, promptDialog } from './dialog'
@@ -41,6 +41,7 @@ export default function VfsMenuBar({ statusApi }: { statusApi: ApiObject }) {
41
function SystemIntegrationButton({ platform }: { platform: string | undefined }) {
42
const isWindows = platform === 'win32'
43
const { data: integrated, reload } = useApi(isWindows && 'windows_integrated')
44
+ const sm = useBreakpoint('sm')
45
return h(Btn, {
46
icon: Microsoft,
47
variant: 'outlined',
@@ -57,7 +58,8 @@ function SystemIntegrationButton({ platform }: { platform: string | undefined })
58
h(Alert, { severity: 'info' }, "It will also automatically copy the URL, ready to paste!"),
59
)
60
const parent = await promptDialog(msg, {
60
- field: { comp: VfsPathField, label: "Add to this folder", placeholder: "home" },
61
+ field: { comp: VfsPathField, label: "Add to this folder", placeholder: "home",
62
+ autoFocus: sm }, // this dialog is tall, and mobile keyboard will disrupt user's ability to view its content
63
form: { saveOnEnter: false }
64
})
65
return typeof parent === 'string' && apiCall('windows_integration', { parent }).then(reload)