grafana/public/app/features/admin/ldap/LdapUserPermissions.tsx
Ivana Huckova 1c58202b26
@grafana/ui: Replace various icons using Icon component (#23442)
* Replace icons in dashboard and settings

* Replace icons in alerting

* Update batch of icons

* Implement icons accross various files

* Style updates

* Search: Fix recent and starred icons

* Update styling and details

* Replace new icon created by unicons

* Fix e2e test, styling

* Minor styling updates

Co-authored-by: Clarity-89 <homes89@ukr.net>
2020-04-12 22:20:02 +02:00

52 lines
1.3 KiB
TypeScript

import React, { FC } from 'react';
import { LdapPermissions } from 'app/types';
import { Icon } from '@grafana/ui';
interface Props {
permissions: LdapPermissions;
}
export const LdapUserPermissions: FC<Props> = ({ permissions }) => {
return (
<div className="gf-form-group">
<div className="gf-form">
<table className="filter-table form-inline">
<thead>
<tr>
<th colSpan={1}>Permissions</th>
</tr>
</thead>
<tbody>
<tr>
<td className="width-16"> Grafana admin</td>
<td>
{permissions.isGrafanaAdmin ? (
<>
<Icon name="shield" /> Yes
</>
) : (
'No'
)}
</td>
</tr>
<tr>
<td className="width-16">Status</td>
<td>
{permissions.isDisabled ? (
<>
<Icon name="times" /> Inactive
</>
) : (
<>
<Icon name="check" /> Active
</>
)}
</td>
</tr>
</tbody>
</table>
</div>
</div>
);
};