Changed to gridloader

This commit is contained in:
Shay Nehmad 2019-04-10 21:28:46 +03:00
parent c90a391727
commit a2e79ed127
1 changed files with 12 additions and 9 deletions

View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import {Button, Col, Well, Nav, NavItem, Collapse, Form, FormControl, FormGroup} from 'react-bootstrap'; import {Button, Col, Well, Nav, NavItem, Collapse, Form, FormControl, FormGroup} from 'react-bootstrap';
import CopyToClipboard from 'react-copy-to-clipboard'; import CopyToClipboard from 'react-copy-to-clipboard';
import ClipLoader from 'react-spinners/ClipLoader'; import GridLoader from 'react-spinners/GridLoader';
import {Icon} from 'react-fa'; import {Icon} from 'react-fa';
import {Link} from 'react-router-dom'; import {Link} from 'react-router-dom';
@ -417,14 +417,17 @@ class RunMonkeyPageComponent extends AuthComponent {
</Collapse> </Collapse>
{ {
this.state.is_loading_aws ? this.state.is_loading_aws ?
<div className='sweet-loading center-block'> <p style={{'marginBottom': '2em', 'align': 'center'}}>
<ClipLoader <div className='sweet-loading center-block'>
sizeUnit={"px"} <GridLoader
size={30} sizeUnit={"px"}
color={'#ffcc00'} size={30}
loading={this.state.loading} color={'#ffcc00'}
/> loading={this.state.loading}
</div> : null />
</div>
</p>
: null
} }
{ {
this.state.isOnAws ? this.state.isOnAws ?