@equinor/fusion-react-power-bi
Version:
React component for displaying an person information
38 lines • 1.96 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { clsx } from 'clsx';
// TODO stuff into state
import { useCurrentUser } from '@equinor/fusion';
import { makeStyles, createStyles } from '@equinor/fusion-react-styles';
export const useStyles = makeStyles(createStyles({
root: {
width: '100%',
boxSizing: 'border-box',
padding: 'calc(var(--grid-unit) * 3px)',
color: 'var(--color-black-alt2)',
'& h4': {
fontWeight: 500,
},
},
info: {
display: 'flex',
flexDirection: 'row',
},
infoBox: {
padding: 'calc(var(--grid-unit) * 1px)',
minHeight: 'calc(var(--grid-unit) * 2px)',
},
labels: {
fontWeight: 500,
},
text: {
fontWeight: 'bold',
},
}), { name: 'fusion-power-bi_user_identity' });
export const PowerBIInfoUserIdentity = (props) => {
const user = useCurrentUser();
const styles = useStyles();
const header = props.header || 'Your identity does not meet this reports access requirements, your identity is:';
return (_jsxs("div", { className: styles.root, children: [_jsx("h4", { children: header }), _jsxs("div", { className: styles.info, children: [_jsxs("div", { className: clsx(styles.infoBox, styles.labels), children: [_jsx("div", { children: "Username" }), _jsx("div", { children: "GUID" }), _jsx("div", { children: "Roles" }), _jsx("div", { children: "Timestamp" }), _jsx("div", { children: "Context" })] }), _jsxs("div", { className: clsx(styles.infoBox, styles.text), children: [_jsxs("div", { children: [" ", user?.upn, " "] }), _jsxs("div", { children: [" ", user?.id, " "] }), _jsxs("div", { children: [user?.roles.toString(), " "] }), _jsxs("div", { children: [" ", new Date().toString(), " "] }), _jsxs("div", { children: [" ", window.location.href, " "] })] })] })] }));
};
export default PowerBIInfoUserIdentity;
//# sourceMappingURL=PowerBIUserIdentity.js.map