import React from 'react';
import PropTypes from 'prop-types';
import { Badge, Label } from 'react-bootstrap';
const propTypes = {
user: PropTypes.object.isRequired,
};
export default function Security({ user }) {
return (
<div>
<div className="roles">
<h4>
Roles <Badge>{Object.keys(user.roles).length}</Badge>
</h4>
{Object.keys(user.roles).map(role => <Label key={role}>{role}</Label>)}
<hr />
</div>
<div className="databases">
{user.permissions.database_access &&
<div>
<h4>
Databases <Badge>{user.permissions.database_access.length}</Badge>
</h4>
{user.permissions.database_access.map(role => <Label key={role}>{role}</Label>)}
<hr />
</div>
}
</div>
<div className="datasources">
{user.permissions.datasource_access &&
<div>
<h4>
Datasources <Badge>{user.permissions.datasource_access.length}</Badge>
</h4>
{user.permissions.datasource_access.map(role => <Label key={role}>{role}</Label>)}
</div>
}
</div>
</div>
);
}
Security.propTypes = propTypes;
|