permission update, routes, etc.

react/shared/elements/data-table.js

@@ -123,8 +123,8 @@ export function DataTable(props) {
             {title ?
                 <h3>
                     {fetchData ?
-                        <IconButton onClick={() => onFetchData(true)}>
-                            <CachedIcon/>
+                        <IconButton onClick={() => onFetchData(true)} title={L("general.reload")}>
+                            <CachedIcon/>&nbsp;
                         </IconButton>
                         : <></>
                     }

react/shared/elements/dialog.jsx

@@ -50,6 +50,7 @@ export default function Dialog(props) {
 
         switch (input.type) {
             case 'label':
+                delete inputProps.value;
                 inputElements.push(<span {...inputProps}>{input.value}</span>);
                 break;
             case 'text':
@@ -57,11 +58,9 @@ export default function Dialog(props) {
                 inputElements.push(<TextField
                     {...inputProps}
                     type={input.type}
-                    sx={{marginTop: 1}}
                     size={"small"} fullWidth={true}
                     key={"input-" + input.name}
                     value={inputData[input.name] || ""}
-                    defaultValue={input.defaultValue || ""}
                     onChange={e => setInputData({ ...inputData, [input.name]: e.target.value })}
                 />)
                 break;

react/shared/hooks/pagination.js

@@ -1,6 +1,7 @@
 import React, {useState} from "react";
 import {Box, MenuItem, Select, Pagination as MuiPagination} from "@mui/material";
 import {sprintf} from "sprintf-js";
+import {FormControl} from "@material-ui/core";
 
 class Pagination {
 
@@ -57,15 +58,17 @@ class Pagination {
         options = options || [10, 25, 50, 100];
 
         return <Box display={"grid"} gridTemplateColumns={"75px auto"} className={"pagination-controls"}>
-            <Select
-                value={this.data.pageSize}
-                className={"pagination-page-size"}
-                label={L("general.entries_per_page")}
-                onChange={(e) => this.setPageSize(parseInt(e.target.value))}
-                size={"small"}
-            >
-                {options.map(size => <MenuItem key={"size-" + size} value={size}>{size}</MenuItem>)}
-            </Select>
+            <FormControl>
+                <Select
+                    value={this.data.pageSize}
+                    className={"pagination-page-size"}
+                    label={L("general.entries_per_page")}
+                    onChange={(e) => this.setPageSize(parseInt(e.target.value))}
+                    size={"small"}
+                >
+                    {options.map(size => <MenuItem key={"size-" + size} value={size}>{size}</MenuItem>)}
+                </Select>
+            </FormControl>
             <MuiPagination
                 count={this.getPageCount()}
                 onChange={(_, page) => this.setPage(page)}