From dc0e22b0f1f9a5be7111b8d3e867e11c4b0a1177 Mon Sep 17 00:00:00 2001
From: Gergely Bihary <biharygergo@gmail.com>
Date: Sun, 12 Jun 2022 14:27:37 +0200
Subject: [PATCH] feat: Improve organiser invitation drawer

---
 .../slug/manage/AddOrganiserDrawer.js         | 34 +++++++++++++++++--
 frontend/src/pages/_pricing/index.js          |  2 +-
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/_organise/slug/manage/AddOrganiserDrawer.js b/frontend/src/pages/_organise/slug/manage/AddOrganiserDrawer.js
index 031c34331..cba4f4f56 100644
--- a/frontend/src/pages/_organise/slug/manage/AddOrganiserDrawer.js
+++ b/frontend/src/pages/_organise/slug/manage/AddOrganiserDrawer.js
@@ -10,6 +10,8 @@ import {
     ListItem,
     ListItemSecondaryAction,
     IconButton,
+    ListItemAvatar,
+    Avatar,
 } from '@material-ui/core'
 import AddIcon from '@material-ui/icons/Add'
 
@@ -57,7 +59,7 @@ export default ({ isOpen, onClose, onAdded, organisers, slug }) => {
                     Search for users
                 </Typography>
                 <TextInput
-                    placeholder="Name / email"
+                    placeholder="Search by first name, last name or e-mail address"
                     value={searchValue}
                     onChange={setSearchValue}
                 />
@@ -74,9 +76,37 @@ export default ({ isOpen, onClose, onAdded, organisers, slug }) => {
                 <List>
                     {results.map(user => (
                         <ListItem key={user.userId}>
+                            <ListItemAvatar>
+                                <Avatar
+                                    alt={'User avatar image'}
+                                    src={user ? user.avatar : ''}
+                                />
+                            </ListItemAvatar>
+
                             <ListItemText
                                 primary={`${user.firstName} ${user.lastName}`}
-                                secondary={user.userId}
+                                secondary={
+                                    <React.Fragment>
+                                        <Typography
+                                            component="p"
+                                            variant="body2"
+                                        >
+                                            E-mail:{' '}
+                                            <strong>{user.email}</strong>
+                                        </Typography>
+                                        <Typography
+                                            component="p"
+                                            variant="body2"
+                                        >
+                                            Account created:{' '}
+                                            <strong>
+                                                {new Date(
+                                                    user.createdAt,
+                                                ).toLocaleString()}
+                                            </strong>
+                                        </Typography>
+                                    </React.Fragment>
+                                }
                             />
                             {organisers.indexOf(user.userId) === -1 ? (
                                 <ListItemSecondaryAction>
diff --git a/frontend/src/pages/_pricing/index.js b/frontend/src/pages/_pricing/index.js
index ce54cff05..4a88b1b9b 100644
--- a/frontend/src/pages/_pricing/index.js
+++ b/frontend/src/pages/_pricing/index.js
@@ -38,7 +38,7 @@ export default () => {
     const { t } = useTranslation()
     const body1 = [
         'Event registration and organization through platform.',
-        'For non - profit organizations.'
+        'For non - profit organizations.',
     ]
     const body2 = [
         'Event registration and organization through platform',