Browse Source

feature(help): add help nav and icon

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
c4979cc277
  1. 7
      app/components/Nav/Nav.js
  2. 1
      app/icons/help.svg

7
app/components/Nav/Nav.js

@ -6,6 +6,7 @@ import Isvg from 'react-inlinesvg'
import walletIcon from 'icons/wallet.svg'
import peersIcon from 'icons/peers.svg'
import networkIcon from 'icons/globe.svg'
import helpIcon from 'icons/help.svg'
import styles from './Nav.scss'
@ -34,6 +35,12 @@ const Nav = ({ openPayForm, openRequestForm }) => (
<span>Network</span>
</li>
</NavLink>
<NavLink exact to='/help' activeClassName={styles.active} className={styles.link}>
<li>
<Isvg styles={{ verticalAlign: 'middle' }} src={helpIcon} />
<span>Help</span>
</li>
</NavLink>
</ul>
<div className={styles.buttons}>
<div className={`buttonPrimary ${styles.button}`} onClick={openPayForm}>

1
app/icons/help.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-life-buoy"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line><line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line><line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line><line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line><line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line></svg>

After

Width:  |  Height:  |  Size: 575 B

Loading…
Cancel
Save