import { useState } from 'react'; import { Subuser } from '@/state/server/subusers'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faPencilAlt, faUnlockAlt, faUserLock } from '@fortawesome/free-solid-svg-icons'; import RemoveSubuserButton from '@/components/server/users/RemoveSubuserButton'; import EditSubuserModal from '@/components/server/users/EditSubuserModal'; import Can from '@/components/elements/Can'; import { useStoreState } from 'easy-peasy'; import tw from 'twin.macro'; import GreyRowBox from '@/components/elements/GreyRowBox'; interface Props { subuser: Subuser; } export default ({ subuser }: Props) => { const uuid = useStoreState(state => state.user!.data!.uuid); const [visible, setVisible] = useState(false); return ( setVisible(false)} />

{subuser.email}

   

{subuser.uuid !== uuid && ( <> )}
); };