VerifyLayout.js
2.06 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
57
58
59
60
61
62
63
64
65
import _ from 'lodash';
import { Meteor } from 'meteor/meteor';
import React, { Component } from 'react';
import { Link } from 'react-router';
import { If, Case } from '/imports/client/components/Logic';
import { Avatar } from '/imports/client/components/Avatar';
import { logout } from '/imports/client/app/utils/loginMethods';
import { EmailPane } from '/imports/client/views/verify/EmailPane';
import ReactSVG from 'react-svg'
export class VerifyLayout extends Component {
render() {
const user = this.props.data.user;
return (
<div className = "wizardLayout-box">
<div className = "wizardLayout-top">
<div className="container">
<div className = "wizardLayout-topSpace logo-space-0">
<ReactSVG
path="/files/images/svg/logo--white.svg"
className="enterPane__logo"
/>
</div>
<div className = "wizardLayout-topGroup">
<div className = "wizardLayout-topItem">
<Avatar
user = {user}
size = {20}
small = {true}
/>
{user.getFullName()}
</div>
<div
className = "wizardLayout-topItem"
onClick = {() => logout()}
>
<i className="icon icon-simple icon-power"></i>
</div>
</div>
</div>
</div>
<div className = "wizardLayout-wrap">
<div className = "wizardLayout-content">
<EmailPane
user = {user}
/>
</div>
</div>
</div>
);
};
};