Update frontend to only allow selection of valid permissions for subusers

This commit is contained in:
Dane Everitt 2020-04-19 11:58:26 -07:00
parent 00b0d30c60
commit a1c3730861
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 52 additions and 10 deletions

View file

@ -8,12 +8,14 @@ import { faUnlockAlt } from '@fortawesome/free-solid-svg-icons/faUnlockAlt';
import { faUserLock } from '@fortawesome/free-solid-svg-icons/faUserLock';
import classNames from 'classnames';
import Can from '@/components/elements/Can';
import { useStoreState } from 'easy-peasy';
interface Props {
subuser: Subuser;
}
export default ({ subuser }: Props) => {
const uuid = useStoreState(state => state.user!.data!.uuid);
const [ visible, setVisible ] = useState(false);
return (
@ -54,7 +56,9 @@ export default ({ subuser }: Props) => {
<button
type={'button'}
aria-label={'Edit subuser'}
className={'block text-sm p-2 text-neutral-500 hover:text-neutral-100 transition-colors duration-150 mx-4'}
className={classNames('block text-sm p-2 text-neutral-500 hover:text-neutral-100 transition-colors duration-150 mx-4', {
hidden: subuser.uuid === uuid,
})}
onClick={() => setVisible(true)}
>
<FontAwesomeIcon icon={faPencilAlt}/>