diff --git a/ui/src/application/AddApplicationDialog.tsx b/ui/src/application/AddApplicationDialog.tsx index 8b73b85..875d5ec 100644 --- a/ui/src/application/AddApplicationDialog.tsx +++ b/ui/src/application/AddApplicationDialog.tsx @@ -34,7 +34,8 @@ export default class AddDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="app-dialog"> + id="app-dialog" + > Create an application @@ -69,7 +70,8 @@ export default class AddDialog extends Component { disabled={!submitEnabled} onClick={submitAndClose} color="primary" - variant="contained"> + variant="contained" + > Create diff --git a/ui/src/application/Applications.tsx b/ui/src/application/Applications.tsx index 4269729..572e591 100644 --- a/ui/src/application/Applications.tsx +++ b/ui/src/application/Applications.tsx @@ -53,11 +53,13 @@ class Applications extends Component> { id="create-app" variant="contained" color="primary" - onClick={() => (this.createDialog = true)}> + onClick={() => (this.createDialog = true)} + > Create Application } - maxWidth={1000}> + maxWidth={1000} + > diff --git a/ui/src/application/UpdateApplicationDialog.tsx b/ui/src/application/UpdateApplicationDialog.tsx index a4038e0..027b39c 100644 --- a/ui/src/application/UpdateApplicationDialog.tsx +++ b/ui/src/application/UpdateApplicationDialog.tsx @@ -44,7 +44,8 @@ export default class UpdateDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="app-dialog"> + id="app-dialog" + > Update an application @@ -79,7 +80,8 @@ export default class UpdateDialog extends Component { disabled={!submitEnabled} onClick={submitAndClose} color="primary" - variant="contained"> + variant="contained" + > Update diff --git a/ui/src/client/AddClientDialog.tsx b/ui/src/client/AddClientDialog.tsx index 3249b60..c93fea3 100644 --- a/ui/src/client/AddClientDialog.tsx +++ b/ui/src/client/AddClientDialog.tsx @@ -28,7 +28,8 @@ export default class AddDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="client-dialog"> + id="client-dialog" + > Create a client { + title={submitEnabled ? '' : 'name is required'} + >
diff --git a/ui/src/client/Clients.tsx b/ui/src/client/Clients.tsx index 67154ee..b8027b7 100644 --- a/ui/src/client/Clients.tsx +++ b/ui/src/client/Clients.tsx @@ -48,10 +48,12 @@ class Clients extends Component> { id="create-client" variant="contained" color="primary" - onClick={() => (this.showDialog = true)}> + onClick={() => (this.showDialog = true)} + > Create Client - }> + } + >
diff --git a/ui/src/client/UpdateClientDialog.tsx b/ui/src/client/UpdateClientDialog.tsx index 214a7c2..94ae211 100644 --- a/ui/src/client/UpdateClientDialog.tsx +++ b/ui/src/client/UpdateClientDialog.tsx @@ -41,7 +41,8 @@ export default class UpdateDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="client-dialog"> + id="client-dialog" + > Update a Client @@ -68,7 +69,8 @@ export default class UpdateDialog extends Component { disabled={!submitEnabled} onClick={submitAndClose} color="primary" - variant="contained"> + variant="contained" + > Update diff --git a/ui/src/common/ConfirmDialog.tsx b/ui/src/common/ConfirmDialog.tsx index fdb246e..e6d441b 100644 --- a/ui/src/common/ConfirmDialog.tsx +++ b/ui/src/common/ConfirmDialog.tsx @@ -23,7 +23,8 @@ export default function ConfirmDialog({title, text, fClose, fOnSubmit}: IProps) open={true} onClose={fClose} aria-labelledby="form-dialog-title" - className="confirm-dialog"> + className="confirm-dialog" + > {title} {text} @@ -37,7 +38,8 @@ export default function ConfirmDialog({title, text, fClose, fOnSubmit}: IProps) autoFocus color="primary" variant="contained" - className="confirm"> + className="confirm" + > Yes diff --git a/ui/src/common/ConnectionErrorBanner.tsx b/ui/src/common/ConnectionErrorBanner.tsx index fbcbb72..3df98c0 100644 --- a/ui/src/common/ConnectionErrorBanner.tsx +++ b/ui/src/common/ConnectionErrorBanner.tsx @@ -16,7 +16,8 @@ export const ConnectionErrorBanner = ({height, retry, message}: ConnectionErrorB width: '100%', zIndex: 1300, position: 'relative', - }}> + }} + > {message}{' '} diff --git a/ui/src/layout/Header.tsx b/ui/src/layout/Header.tsx index db819a9..6089f92 100644 --- a/ui/src/layout/Header.tsx +++ b/ui/src/layout/Header.tsx @@ -106,7 +106,8 @@ class Header extends Component { + className={classes.link} + > @{version} @@ -122,7 +123,8 @@ class Header extends Component { href="https://github.com/gotify/server" className={classes.link} target="_blank" - rel="noopener noreferrer"> + rel="noopener noreferrer" + > diff --git a/ui/src/layout/Navigation.tsx b/ui/src/layout/Navigation.tsx index d499d6c..caf4b7a 100644 --- a/ui/src/layout/Navigation.tsx +++ b/ui/src/layout/Navigation.tsx @@ -57,7 +57,8 @@ class Navigation extends Component< onClick={() => setNavOpen(false)} className={`${classes.link} item`} to={'/messages/' + app.id} - key={app.id}> + key={app.id} + > @@ -78,7 +79,8 @@ class Navigation extends Component< classes={{root: classes.root, paper: classes.drawerPaper}} navOpen={navOpen} setNavOpen={setNavOpen} - id="message-navigation"> + id="message-navigation" + >
setNavOpen(false)}> @@ -94,7 +96,8 @@ class Navigation extends Component< onClick={() => { requestPermission(); this.setState({showRequestNotification: false}); - }}> + }} + > Enable Notifications ) : null} diff --git a/ui/src/message/Messages.tsx b/ui/src/message/Messages.tsx index e77e75e..e56f5af 100644 --- a/ui/src/message/Messages.tsx +++ b/ui/src/message/Messages.tsx @@ -70,7 +70,8 @@ class Messages extends Component, disabled={!hasMessages} color="primary" onClick={() => messagesStore.refreshByApp(appId)} - style={{marginRight: 5}}> + style={{marginRight: 5}} + > Refresh
- }> + } + > {hasMessages ? (
this.heights[m.id] || 1)}> + elementHeight={messages.map((m) => this.heights[m.id] || 1)} + > {messages.map(this.renderMessage)} diff --git a/ui/src/plugin/PluginDetailView.tsx b/ui/src/plugin/PluginDetailView.tsx index dc6dc11..d764bb1 100644 --- a/ui/src/plugin/PluginDetailView.tsx +++ b/ui/src/plugin/PluginDetailView.tsx @@ -79,7 +79,8 @@ class PluginDetailView extends Component, IState> name={'Configurer'} description={'This is the configuration panel for this plugin.'} icon={Build} - refresh={this.refreshConfigurer.bind(this)}> + refresh={this.refreshConfigurer.bind(this)} + > , IState> name={'Displayer'} description={'This is the information generated by the plugin.'} refresh={this.refreshDisplayer.bind(this)} - icon={Subject}> + icon={Subject} + > = ({ style={{float: 'right'}} onClick={() => { refresh(); - }}> + }} + > ) : null} @@ -199,7 +202,8 @@ class ConfigurerPanel extends Component { this.setState({unsavedChanges: null}); }); - }}> + }} + > Save
@@ -260,7 +264,8 @@ class PluginInfo extends Component<{pluginInfo: IPlugin}> { href={url} target="_blank" rel="noopener noreferrer" - className="custom-route"> + className="custom-route" + > {url}
))(`${config.get('url')}plugin/${id}/custom/${token}/`)} diff --git a/ui/src/snack/SnackBarHandler.tsx b/ui/src/snack/SnackBarHandler.tsx index 5d08fb9..d88b23f 100644 --- a/ui/src/snack/SnackBarHandler.tsx +++ b/ui/src/snack/SnackBarHandler.tsx @@ -42,7 +42,8 @@ class SnackBarHandler extends Component> { key="close" aria-label="Close" color="inherit" - onClick={this.closeCurrentSnack}> + onClick={this.closeCurrentSnack} + > } diff --git a/ui/src/user/AddEditUserDialog.tsx b/ui/src/user/AddEditUserDialog.tsx index cad98ce..744ba25 100644 --- a/ui/src/user/AddEditUserDialog.tsx +++ b/ui/src/user/AddEditUserDialog.tsx @@ -44,7 +44,8 @@ export default class AddEditDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="add-edit-user-dialog"> + id="add-edit-user-dialog" + > {isEdit ? 'Edit ' + this.props.name : 'Add a user'} @@ -90,14 +91,16 @@ export default class AddEditDialog extends Component { ? '' : 'password is required' : 'name is required' - }> + } + >
diff --git a/ui/src/user/Login.tsx b/ui/src/user/Login.tsx index de5f880..b3710af 100644 --- a/ui/src/user/Login.tsx +++ b/ui/src/user/Login.tsx @@ -50,7 +50,8 @@ class Login extends Component> { color="primary" disabled={!!this.props.currentUser.connectionErrorMessage} style={{marginTop: 15, marginBottom: 5}} - onClick={this.login}> + onClick={this.login} + > Login @@ -78,7 +79,8 @@ class Login extends Component> { id="register" variant="contained" color="primary" - onClick={() => (this.registerDialog = true)}> + onClick={() => (this.registerDialog = true)} + > Register ); diff --git a/ui/src/user/Register.tsx b/ui/src/user/Register.tsx index 9ef3470..e4e594a 100644 --- a/ui/src/user/Register.tsx +++ b/ui/src/user/Register.tsx @@ -41,7 +41,8 @@ export default class RegistrationDialog extends Component { open={true} onClose={fClose} aria-labelledby="form-dialog-title" - id="add-edit-user-dialog"> + id="add-edit-user-dialog" + > Registration { ? '' : 'password is required' : 'name is required' - }> + } + >
diff --git a/ui/src/user/Users.tsx b/ui/src/user/Users.tsx index df71c8b..72e7288 100644 --- a/ui/src/user/Users.tsx +++ b/ui/src/user/Users.tsx @@ -75,10 +75,12 @@ class Users extends Component & Stores<'userStore'>> { id="create-user" variant="contained" color="primary" - onClick={() => (this.createDialog = true)}> + onClick={() => (this.createDialog = true)} + > Create User - }> + } + >