mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
|
import { IconButton, Tooltip } from '@material-ui/core';
|
||
|
import { OverridableComponent } from '@material-ui/core/OverridableComponent';
|
||
|
import { useContext } from 'react';
|
||
|
import AccessContext from '../../../contexts/AccessContext';
|
||
|
|
||
|
interface IPermissionIconButtonProps extends OverridableComponent<any> {
|
||
|
permission: string;
|
||
|
Icon: React.ElementType;
|
||
|
tooltip: string;
|
||
|
onClick?: (e: any) => void;
|
||
|
}
|
||
|
|
||
|
const PermissionIconButton: React.FC<IPermissionIconButtonProps> = ({
|
||
|
permission,
|
||
|
Icon,
|
||
|
tooltip,
|
||
|
onClick,
|
||
|
children,
|
||
|
...rest
|
||
|
}) => {
|
||
|
const { hasAccess } = useContext(AccessContext);
|
||
|
|
||
|
const access = hasAccess(permission);
|
||
|
const tooltipText = access
|
||
|
? tooltip
|
||
|
: "You don't have access to perform this operation";
|
||
|
|
||
|
return (
|
||
|
<Tooltip title={tooltipText} arrow>
|
||
|
<span>
|
||
|
<IconButton onClick={onClick} disabled={!access} {...rest}>
|
||
|
{children}
|
||
|
</IconButton>
|
||
|
</span>
|
||
|
</Tooltip>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default PermissionIconButton;
|