diff options
Diffstat (limited to 'cmd/web/js/header_footer.jsx')
-rw-r--r-- | cmd/web/js/header_footer.jsx | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/cmd/web/js/header_footer.jsx b/cmd/web/js/header_footer.jsx index 3cb9937..f11ed06 100644 --- a/cmd/web/js/header_footer.jsx +++ b/cmd/web/js/header_footer.jsx | |||
@@ -6,6 +6,12 @@ class Signout extends React.Component { | |||
6 | } | 6 | } |
7 | } | 7 | } |
8 | 8 | ||
9 | class MyAccount extends React.Component { | ||
10 | render = () => { | ||
11 | return <a href="/account"><u>Account</u></a>; | ||
12 | } | ||
13 | } | ||
14 | |||
9 | class Logo extends React.Component { | 15 | class Logo extends React.Component { |
10 | render() { | 16 | render() { |
11 | return <div id="logo" className="w-100 h-100 align-self-center"> | 17 | return <div id="logo" className="w-100 h-100 align-self-center"> |
@@ -22,6 +28,7 @@ class Footer extends React.Component { | |||
22 | } | 28 | } |
23 | 29 | ||
24 | if (this.props.isLoggedIn === true) { | 30 | if (this.props.isLoggedIn === true) { |
31 | elements = elements.concat(<MyAccount />); | ||
25 | elements = elements.concat(<Signout />); | 32 | elements = elements.concat(<Signout />); |
26 | } | 33 | } |
27 | 34 | ||
@@ -37,7 +44,7 @@ class Footer extends React.Component { | |||
37 | </div>; | 44 | </div>; |
38 | }); | 45 | }); |
39 | return <div id="footer" className="row"> | 46 | return <div id="footer" className="row"> |
40 | <div className="offset-4 col-4 d-sm-none"> | 47 | <div className="offset-4 col-4 d-md-none"> |
41 | {rows} | 48 | {rows} |
42 | </div> | 49 | </div> |
43 | </div>; | 50 | </div>; |
@@ -52,11 +59,12 @@ class Header extends React.Component { | |||
52 | } | 59 | } |
53 | 60 | ||
54 | if (this.props.isLoggedIn === true) { | 61 | if (this.props.isLoggedIn === true) { |
62 | elements = elements.concat(<MyAccount />); | ||
55 | elements = elements.concat(<Signout />); | 63 | elements = elements.concat(<Signout />); |
56 | } | 64 | } |
57 | 65 | ||
58 | elements = elements.map(function(element, i) { | 66 | elements = elements.map(function(element, i) { |
59 | return <div className="text-center" key={'header-el-' + i}> | 67 | return <div className="text-center header-menu-section" key={'header-el-' + i}> |
60 | {element} | 68 | {element} |
61 | </div>; | 69 | </div>; |
62 | }); | 70 | }); |
@@ -65,7 +73,7 @@ class Header extends React.Component { | |||
65 | <div className="offset-3 col-6 offset-md-4 col-md-4"> | 73 | <div className="offset-3 col-6 offset-md-4 col-md-4"> |
66 | <Logo /> | 74 | <Logo /> |
67 | </div> | 75 | </div> |
68 | <div className="col-3 col-md-4 align-self-center h-100 d-none d-sm-flex justify-content-end"> | 76 | <div className="col-3 col-md-4 align-self-center h-100 d-none d-md-flex justify-content-end"> |
69 | {elements} | 77 | {elements} |
70 | </div> | 78 | </div> |
71 | </div>; | 79 | </div>; |