Fix permissions on subuser rows

Author: DaneEveritt

resources/scripts/components/server/users/UserRow.tsx

@@ -51,17 +51,18 @@ export default ({ subuser }: Props) => {
                 </p>
                 <p css={tw`text-2xs text-neutral-500 uppercase`}>Permissions</p>
             </div>
-            <button
-                type={'button'}
-                aria-label={'Edit subuser'}
-                css={[
-                    tw`block text-sm p-2 text-neutral-500 hover:text-neutral-100 transition-colors duration-150 mx-4`,
-                    subuser.uuid === uuid ? tw`hidden` : undefined,
-                ]}
-                onClick={() => setVisible(true)}
-            >
-                <FontAwesomeIcon icon={faPencilAlt}/>
-            </button>
+            <Can action={'user.update'}>
+                {subuser.uuid !== uuid &&
+                <button
+                    type={'button'}
+                    aria-label={'Edit subuser'}
+                    css={tw`block text-sm p-2 text-neutral-500 hover:text-neutral-100 transition-colors duration-150 mx-4`}
+                    onClick={() => setVisible(true)}
+                >
+                    <FontAwesomeIcon icon={faPencilAlt}/>
+                </button>
+                }
+            </Can>
             <Can action={'user.delete'}>
                 <RemoveSubuserButton subuser={subuser}/>
             </Can>