tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[DEV-188] add loading (#1117) 

* fix coding issues

* improve coding

* add loading when updating my departments
This commit is contained in:
Joel Elias Méndez 2021-12-15 15:17:57 -03:00 committed by GitHub
parent 8d7b178fa1
commit 4bd8df1d5e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/app/admin/panel/staff/staff-editor.js
View File

@ -55,6 +55,7 @@ class StaffEditor extends React.Component {
sendEmailOnNewTicket: this.props.sendEmailOnNewTicket,
loadingReInviteStaff: false,
reInviteStaff: "",
loadingStats: true,
rawForm: {
dateRange: statsUtils.getInitialDateRange(),
departments: [],
@ -76,7 +77,7 @@ class StaffEditor extends React.Component {
}).then(({data}) => {
this.setState({
ticketData: data,
loading: false
loadingStats: false
});
}).catch((error) => {
if (showLogs) console.error('ERROR: ', error);
@ -293,12 +294,12 @@ class StaffEditor extends React.Component {
}
renderStaffStats() {
const { loading, ticketData } = this.state;
const { loadingStats, ticketData } = this.state;
return (
<div className="admin-panel-stats">
{
loading ?
loadingStats ?
<div className="admin-panel-stats__loading"><Loading backgrounded size="large" /></div> :
statsUtils.renderStatistics({showStatCards: true, showStatsByHours: true, ticketData})
}
@ -426,24 +427,27 @@ class StaffEditor extends React.Component {
}
}).then(() => {
this.retrieveStaffMembers();
window.scrollTo(0,0);
window.scrollTo(0,250);
this.setState({message: eventType});
const departmentsAssigned = SessionStore.getDepartments().filter((_department, index) => this.state.departments.includes(index));
const departmentsAssignedId = departmentsAssigned.map(department => department.id);
this.setState({loadingStats: true});
statsUtils.retrieveStats({
rawForm: this.state.rawForm,
departments: departmentsAssignedId
}).then(({data}) => {
this.setState({ticketData: data, loading: false});
this.setState({ticketData: data, loadingStats: false});
}).catch((error) => {
if (showLogs) console.error('ERROR: ', error);
this.setState({loadingStats: false});
});
onChange && onChange();
}).catch(() => {
window.scrollTo(0,0);
window.scrollTo(0,250);
this.setState({message: 'FAIL'});
});
}