admin: nicer dialogs
Massimo Melina committed
Sep 17, 2023 at 11:59 UTC
b55808413ec7dabf3d299fc6dc1f4ee705f56c36
2 files changed
+4
-6
admin/src/InstalledPlugins.ts
+1
-1
@@ -85,7 +85,7 @@ export default function InstalledPlugins({ updates }: { updates?: true }) {
85
async onClick() {
86
const pl = await apiCall('get_plugin', { id })
87
const values = await formDialog({
88
- title: `${id} options`,
88
+ title: `Options for ${id}`,
89
form: {
90
before: h(Box, { mx: 2, mb: 3 }, row.description),
91
fields: makeFields(row.config),
admin/src/dialog.ts
+3
-5
@@ -63,9 +63,9 @@ dialogsDefaults.Container = function Container(d:DialogOptions) {
63
...titleSx
64
}
65
},
66
- componentOrNode(d.icon),
67
- h(Box, { flex:1, minWidth: 40, ml: 1.5 }, componentOrNode(d.title)),
68
- h(IconBtn, { icon: Close, title: "close", onClick: () => closeDialog() }),
66
+ d.icon && h(Box, { mr: 1 }, componentOrNode(d.icon)),
67
+ h(Box, { flex:1, minWidth: 40 }, componentOrNode(d.title)),
68
+ h(IconBtn, { icon: Close, title: "close", sx: { ml: 1 }, onClick: () => closeDialog() }),
69
),
70
h(DialogContent, {
71
ref,
@@ -127,7 +127,6 @@ export function confirmDialog(msg: ReactNode, { href, confirmText="Go", dontText
127
const promise = pendingPromise<boolean>()
128
const dialog = newDialog({
129
className: 'dialog-confirm',
130
- icon: '?',
130
onClose: promise.resolve,
131
...rest,
132
Content
@@ -162,7 +161,6 @@ export async function formDialog<T>(
161
) : Promise<T> {
162
return new Promise(resolve => newDialog({
163
className: 'dialog-confirm',
165
- icon: '?',
164
onClose: resolve,
165
...options,
166
Content