mirror of
https://github.com/grafana/grafana.git
synced 2025-02-11 16:15:42 -06:00
* A11y: Fix for Fastpass issues on Profile page * Chore: small fix * Chore: fixes the tests
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import React, { PureComponent } from 'react';
|
|
import { UserSession } from 'app/types';
|
|
import { Button, Icon, LoadingPlaceholder } from '@grafana/ui';
|
|
|
|
export interface Props {
|
|
sessions: UserSession[];
|
|
isLoading: boolean;
|
|
revokeUserSession: (tokenId: number) => void;
|
|
}
|
|
|
|
export class UserSessions extends PureComponent<Props> {
|
|
render() {
|
|
const { isLoading, sessions, revokeUserSession } = this.props;
|
|
|
|
if (isLoading) {
|
|
return <LoadingPlaceholder text="Loading sessions..." />;
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
{sessions.length > 0 && (
|
|
<>
|
|
<h3 className="page-sub-heading">Sessions</h3>
|
|
<div className="gf-form-group">
|
|
<table className="filter-table form-inline" aria-label="User sessions table">
|
|
<thead>
|
|
<tr>
|
|
<th>Last seen</th>
|
|
<th>Logged on</th>
|
|
<th>IP address</th>
|
|
<th>Browser & OS</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{sessions.map((session: UserSession, index) => (
|
|
<tr key={index}>
|
|
{session.isActive ? <td>Now</td> : <td>{session.seenAt}</td>}
|
|
<td>{session.createdAt}</td>
|
|
<td>{session.clientIp}</td>
|
|
<td>
|
|
{session.browser} on {session.os} {session.osVersion}
|
|
</td>
|
|
<td>
|
|
<Button
|
|
size="sm"
|
|
variant="destructive"
|
|
onClick={() => revokeUserSession(session.id)}
|
|
aria-label="Revoke user session"
|
|
>
|
|
<Icon name="power" />
|
|
</Button>
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default UserSessions;
|