mirror of https://github.com/grafana/grafana
Remove UserSyncInfo.tsx (#31450)
parent
65b1e536d7
commit
fb2402013b
@ -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> |
||||
</> |
||||
); |
||||
} |
||||
} |
Loading…
Reference in new issue