Loader.js
1.48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import React, {Component} from 'react';
import logo from '../img/logo.svg'
import close from '../img/close_header.svg'
import ProgressBar from './ProgressBar'
class Loader extends Component{
render(){
var history=this.props.history
if(typeof this.props.goTo!=='undefined' && typeof history !== 'undefined'){
setTimeout(function(){history.replace(this.props.goTo)}.bind(this),2000)
}
const className='ajax-loader-ct '+this.props.className
window.scrollTo(0,0)
return(
<div className={className}>
<header className="">
<div className="bigContainer">
<div className="logo ">
<img src={logo} alt={'logo'} />
<p className="header--payoff ">Costruisci in pochi secondi
<br />la tua tariffa flat, 100% online.
</p>
</div>
<nav className="main-navi">
</nav>
<div className="navigation_right navigation_right--activation ">
<div className="close--header" onClick={() => this.props.showModal('WAYOUT_MODAL')}>
<img src={close} alt="" />
</div>
</div>
</div>
{this.props.hideProgressbar!==true &&
<ProgressBar />
}
</header>
<div className='ajax-loader-wrapper'>
<div className="ajax-loader-inner">
<div className="loader_spinner"></div>
<h3>{this.props.heading}</h3>
<p>{this.props.subHeading}</p>
</div>
</div>
</div>
)
}
}
export default Loader