Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Show loading state while creating apps

Browse source
This commit is contained in:
navaneeth 2021-05-11 00:57:00 +05:30
parent 1d675383e2
commit e5eecba33e
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/HomePage/HomePage.jsx
View file

@ -12,6 +12,7 @@ class HomePage extends React.Component {
currentUser: authenticationService.currentUserValue,
users: null,
isLoading: true,
creatingApp: false,
apps: []
};
}
@ -25,6 +26,7 @@ class HomePage extends React.Component {
createApp = () => {
let _self = this;
_self.setState({ creatingApp: true });
appService.createApp().then((data) => {
console.log(data);
_self.props.history.push(`/apps/${data.id}`);
@ -38,7 +40,7 @@ class HomePage extends React.Component {
render() {
const {
apps, isLoading
apps, isLoading, creatingApp
} = this.state;
return (
<div className="wrapper">
@ -149,7 +151,7 @@ class HomePage extends React.Component {
<h2 className="page-title">Your Applications</h2>
</div>
<div className="col-auto ms-auto d-print-none">
<button className="btn btn-primary" onClick={this.createApp}>+ App</button>
<button className={`btn btn-primary ${ creatingApp ? 'btn-loading' : ''}`} onClick={this.createApp}>+ App</button>
</div>
</div>