tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-04-08 18:35:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

add some loadings (#1127)

Browse Source
This commit is contained in:
Joel Elias Méndez 2022-01-14 22:19:19 -03:00 committed by GitHub
parent bf7c1ba8f9
commit 6e195a9109
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app-components/articles-list.js
View File

@ -42,7 +42,7 @@ class ArticlesList extends React.Component {
return <Message showCloseButton={false} type="error">{i18n('ERROR_RETRIEVING_ARTICLES')}</Message>;
}
return loading ? <Loading /> : this.renderContent();
return loading ? <Loading className="articles-list__loading" backgrounded size="large"/> : this.renderContent();
}
renderContent() {

5
client/src/app-components/articles-list.scss
View File

@ -5,6 +5,11 @@
position: relative;
}
&__loading {
min-width: 300px;
min-height: 300px;
}
&__add-topic-button {
display: flex;
flex-direction: row;

2
client/src/app/admin/panel/staff/admin-panel-staff-members.js
View File

@ -50,7 +50,7 @@ class AdminPanelStaffMembers extends React.Component {
<Icon name="user-plus" className="" /> {i18n('INVITE_STAFF')}
</Button>
</div>
{(this.props.loading) ? <Loading backgrounded /> : <PeopleList list={this.getStaffList()} page={this.state.page} onPageSelect={(index) => this.setState({page: index+1})} />}
{(this.props.loading) ? <Loading className="admin-panel-staff-members__loading" backgrounded size="large"/> : <PeopleList list={this.getStaffList()} page={this.state.page} onPageSelect={(index) => this.setState({page: index+1})} />}
</div>
);
}

5
client/src/app/admin/panel/staff/admin-panel-staff-members.scss
View File

@ -27,6 +27,11 @@
margin-left: 5px;
}
&__loading {
min-width: 300px;
min-height: 300px;
}
@media screen and (max-width: 415px) {
.admin-panel-staff-members {
&__drowpdown {

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

@ -317,7 +317,7 @@ class StaffEditor extends React.Component {
<div className="admin-panel-stats">
{
loadingStats ?
<div className="admin-panel-stats__loading"><Loading backgrounded size="large" /></div> :
<Loading className="admin-panel-stats__loading" backgrounded size="large" /> :
statsUtils.renderStatistics({showStatCards: true, showStatsByHours: true, ticketData})
}
</div>