fix: include invite link in email (#294)

frontend/src/page/admin/users/ConfirmUserAdded/ConfirmUserAdded.tsx

@@ -15,7 +15,13 @@ const ConfirmUserAdded = ({
     inviteLink,
 }: IConfirmUserAddedProps) => {
     if (emailSent) {
-        return <ConfirmUserEmail open={open} closeConfirm={closeConfirm} />;
+        return (
+            <ConfirmUserEmail
+                open={open}
+                closeConfirm={closeConfirm}
+                inviteLink={inviteLink}
+            />
+        );
     }
 
     return (

frontend/src/page/admin/users/ConfirmUserAdded/ConfirmUserEmail/ConfirmUserEmail.tsx

@@ -3,13 +3,19 @@ import Dialogue from '../../../../../component/common/Dialogue';
 
 import { ReactComponent as EmailIcon } from '../../../../../assets/icons/email.svg';
 import { useStyles } from './ConfirmUserEmail.styles';
+import UserInviteLink from '../ConfirmUserLink/UserInviteLink/UserInviteLink';
 
 interface IConfirmUserEmailProps {
     open: boolean;
     closeConfirm: () => void;
+    inviteLink: string;
 }
 
-const ConfirmUserEmail = ({ open, closeConfirm }: IConfirmUserEmailProps) => {
+const ConfirmUserEmail = ({
+    open,
+    closeConfirm,
+    inviteLink,
+}: IConfirmUserEmailProps) => {
     const styles = useStyles();
     return (
         <Dialogue
@@ -26,6 +32,13 @@ const ConfirmUserEmail = ({ open, closeConfirm }: IConfirmUserEmailProps) => {
             <div className={styles.iconContainer}>
                 <EmailIcon className={styles.emailIcon} />
             </div>
+            <Typography style={{ fontWeight: 'bold' }} variant="subtitle1">
+                In a rush?
+            </Typography>
+            <Typography>
+                You may also copy the invite link and send it to the user.
+            </Typography>
+            <UserInviteLink inviteLink={inviteLink} />
         </Dialogue>
     );
 };

frontend/src/page/admin/users/UsersList/UserListItem/UserListItem.tsx

@@ -41,7 +41,6 @@ const UserListItem = ({
             <TableCell>
                 <Avatar
                     data-loading
-                    variant="rounded"
                     alt={user.name}
                     src={user.imageUrl}
                     title={`${user.name || user.email || user.username} (id: ${

frontend/src/page/admin/users/UsersList/UsersList.jsx

@@ -225,16 +225,20 @@ function UsersList({ location }) {
                 validatePassword={validatePassword}
                 user={pwDialog.user}
             />
-            {delUser && (
-                <DelUser
-                    showDialog={delDialog}
-                    closeDialog={closeDelDialog}
-                    user={delUser}
-                    removeUser={onDeleteUser}
-                    userLoading={userLoading}
-                    userApiErrors={userApiErrors}
-                />
-            )}
+
+            <ConditionallyRender
+                condition={delUser}
+                show={
+                    <DelUser
+                        showDialog={delDialog}
+                        closeDialog={closeDelDialog}
+                        user={delUser}
+                        removeUser={onDeleteUser}
+                        userLoading={userLoading}
+                        userApiErrors={userApiErrors}
+                    />
+                }
+            />
         </div>
     );
 }