diff options
author | Anike Arni <anikarni@gmail.com> | 2017-03-30 15:31:52 -0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-03-30 15:31:52 -0300 |
commit | 9f0cd9888c3b435a44a5d3ea1e1484618099cc84 (patch) | |
tree | 643d5442e50734ef43716769935e75062aabaddb /web-ui/src/common/back_link/back_link.js | |
parent | 7acb6843bd21dbf29cc7903964b52f6e21188df4 (diff) | |
parent | af0f6b1e655bba9fd42317b0332d7a314d673228 (diff) |
Merge pull request #1034 from pixelated/forgot-password-page
Makes account recovery flow public
Diffstat (limited to 'web-ui/src/common/back_link/back_link.js')
-rw-r--r-- | web-ui/src/common/back_link/back_link.js | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/web-ui/src/common/back_link/back_link.js b/web-ui/src/common/back_link/back_link.js index f3bdb2b5..bb5ffbea 100644 --- a/web-ui/src/common/back_link/back_link.js +++ b/web-ui/src/common/back_link/back_link.js @@ -19,12 +19,19 @@ import React from 'react'; import './back_link.scss'; +const icon = <i className='fa fa-angle-left' aria-hidden='true' />; + +const button = (text, options) => ( + <button className='link' {...options}>{icon}<span>{text}</span></button> +); + +const link = (text, options) => ( + <a className='link' {...options}>{icon}<span>{text}</span></a> +); + const BackLink = ({ text, ...other }) => ( <div className='link-content'> - <a className='link' tabIndex='0' {...other}> - <i className='fa fa-angle-left' aria-hidden='true' /> - <span>{text}</span> - </a> + { other.href ? link(text, other) : button(text, other) } </div> ); |