FilePicker: show items counter
Massimo Melina committed
Mar 17, 2022 at 15:30 UTC
adf92bdd4a4c54e99f1953e40f38053f3c34eb17
1 file changed
+3
-2
admin/src/FilePicker.ts
+3
-2
@@ -49,6 +49,7 @@ export default function FilePicker({ onSelect }: { onSelect:(v:string[])=>void }
49
return spinner()
50
const pathDelimiter = /[:\\]/.test(cwd) ? '\\' : '/'
51
const cwdPostfixed = enforceFinal(pathDelimiter, cwd)
52
+ let displayed = 0
53
return h(Fragment, {},
54
h(Box, { display:'flex', gap: 1 },
55
h(Button, {
@@ -75,7 +76,7 @@ export default function FilePicker({ onSelect }: { onSelect:(v:string[])=>void }
76
list.map((it:DirEntry) =>
77
h(MenuItem, {
78
key: it.n,
78
- sx: { display: filterMatch(it.n) ? undefined : 'none' },
79
+ sx: { display: filterMatch(it.n) ? (displayed++,undefined) : 'none' },
80
onClick(){
81
if (it.k === 'd')
82
setCwd( cwdPostfixed + it.n )
@@ -109,7 +110,7 @@ export default function FilePicker({ onSelect }: { onSelect:(v:string[])=>void }
110
}, `Select (${sel.length})`),
111
h(TextField, {
112
value: filter,
112
- label: 'Filter results',
113
+ label: `Filter results (${displayed}${displayed < list.length ? '/'+list.length : ''})`,
114
onChange(ev) {
115
setFilterBounced(ev.target.value)
116
},