mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Remove UserSyncInfo.tsx (#31450)
This commit is contained in:
@@ -1,74 +0,0 @@
|
|||||||
import React, { PureComponent } from 'react';
|
|
||||||
import { dateTimeFormat } from '@grafana/data';
|
|
||||||
import { LdapUserSyncInfo } from 'app/types';
|
|
||||||
import { Spinner } from '@grafana/ui';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
disableSync: boolean;
|
|
||||||
syncInfo: LdapUserSyncInfo;
|
|
||||||
onSync?: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface State {
|
|
||||||
isSyncing: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
const format = 'dddd YYYY-MM-DD HH:mm zz';
|
|
||||||
|
|
||||||
export class UserSyncInfo extends PureComponent<Props, State> {
|
|
||||||
state = {
|
|
||||||
isSyncing: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
onSyncClick = async () => {
|
|
||||||
const { onSync } = this.props;
|
|
||||||
this.setState({ isSyncing: true });
|
|
||||||
try {
|
|
||||||
if (onSync) {
|
|
||||||
await onSync();
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
this.setState({ isSyncing: false });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const { syncInfo, disableSync } = this.props;
|
|
||||||
const { isSyncing } = this.state;
|
|
||||||
const nextSyncSuccessful = syncInfo && syncInfo.nextSync;
|
|
||||||
const nextSyncTime = nextSyncSuccessful ? dateTimeFormat(syncInfo.nextSync!, { format }) : '';
|
|
||||||
const prevSyncSuccessful = syncInfo && syncInfo.prevSync;
|
|
||||||
const prevSyncTime = prevSyncSuccessful ? dateTimeFormat(syncInfo.prevSync!, { format }) : '';
|
|
||||||
const isDisabled = isSyncing || disableSync;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<button className={`btn btn-secondary pull-right`} onClick={this.onSyncClick} disabled={isDisabled}>
|
|
||||||
<span className="btn-title">Sync user</span>
|
|
||||||
{isSyncing && <Spinner inline={true} />}
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div className="clearfix" />
|
|
||||||
|
|
||||||
<h3 className="page-heading">LDAP</h3>
|
|
||||||
<div className="gf-form-group">
|
|
||||||
<div className="gf-form">
|
|
||||||
<table className="filter-table form-inline">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Last synchronisation</td>
|
|
||||||
<td>{prevSyncTime}</td>
|
|
||||||
{prevSyncSuccessful && <td className="pull-right">Successful</td>}
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Next scheduled synchronisation</td>
|
|
||||||
<td colSpan={2}>{nextSyncTime}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user