better useful header

src/components/header/index.js

@@ -1,12 +1,16 @@
 import { h, render, Component } from 'preact'
 import style from './style'
+import {shell} from 'electron'
 
 export default class Header extends Component {
+  handleClick (link) {
+    shell.openExternal(link)
+  }
+
   render () {
     return (<div id='Header' class={style.header}>
-      <div class={style.inactive}>Login</div>
-      <div class={style.inactive}>Chat</div>
-      <div class={style.inactive}>Projects</div>
+      <div onClick={this.handleClick.bind(this, 'https://discord.gg/0g2ZPafIN3eWParf')} title='Bitwig Discord' class={style.inactive}>Discord</div>
+      <div onClick={this.handleClick.bind(this, 'https://sso.bitwig.com/login')} class={style.inactive}>Bitwig Account</div>
       <div class={style.active}>Presets</div>
     </div>
     )

src/components/header/style.less

@@ -15,7 +15,10 @@
   padding: 5% 3%;
 }
 .header .inactive {
-  text-decoration: line-through;
+  cursor: pointer;
+}
+.header .inactive:hover {
+  text-decoration: underline;
 }
 .header .active {
   background-color: #2d2d2d;