Ivan - WIP

client/src/app/admin/panel/users/admin-panel-list-users.js

@@ -1,14 +1,62 @@
 import React from 'react';
 
+import i18n from 'lib-app/i18n';
+import Header from 'core-components/header';
+import Table from 'core-components/table';
+
 class AdminPanelListUsers extends React.Component {
 
     render() {
         return (
             <div>
-                /admin/panel/users/list-users
+                <Header title={i18n('LIST_USERS')} description={i18n('LIST_USERS_DESCRIPTION')} />
+                <Table {...this.getTableProps()} />
             </div>
         );
     }
+
+    getTableProps() {
+        return {
+            loading: this.props.loading,
+            headers: this.getTableHeaders(),
+            rows: this.getTableRows(),
+            pageSize: 10,
+            page: this.props.page,
+            pages: this.props.pages,
+            onPageChange: this.props.onPageChange
+        };
+    }
+
+    getTableHeaders() {
+        return [
+            {
+                key: 'name',
+                value: i18n('NAME'),
+                className: 'ticket-list__number col-md-3'
+            },
+            {
+                key: 'email',
+                value: i18n('EMAIL'),
+                className: 'col-md-5'
+            },
+            {
+                key: 'tickets',
+                value: i18n('TICKETS'),
+                className: 'col-md-2'
+            },
+            {
+                key: 'date',
+                value: i18n('SIGNUP_DATE'),
+                className: 'col-md-2'
+            }
+        ];
+    }
+
+    getTableRows() {
+        return [
+            
+        ];
+    }
 }
 
 export default AdminPanelListUsers;

client/src/data/languages/en.js

@@ -88,6 +88,7 @@ export default {
     'NEW_TICKETS_DESCRIPTION': 'Here you can view all the new tickets that are not assigned by anyone.',
     'ALL_TICKETS_DESCRIPTION': 'Here you can view the tickets of the departments you are assigned.',
     'TICKET_VIEW_DESCRIPTION': 'This ticket has been sent by a customer. Here you can respond or assign the ticket',
+    'LIST_USERS_DESCRIPTION': 'This is the list of users that are registered in this platform. You can search for someone in particular, delete it or ban it.',
 
     //ERRORS
     'EMAIL_OR_PASSWORD': 'Email or password invalid',