coming along well - electron is pretty nice

app/components/Header/Header.tsx

@@ -1,14 +1,26 @@
 import { remote } from 'electron';
 import React from 'react';
+import { observer, inject } from 'mobx-react';
+import { AppState } from '../../state/AppState';
 import './Header.scss';
 
-export class Header extends React.Component<any, any> {
+interface Props {
+  AppState?: AppState;
+}
 
-  exit() {
+@inject('AppState')
+@observer
+export class Header extends React.Component<Props, any> {
+
+  constructor(props: Props) {
+    super(props);
+  }
+
+  private exit(): void {
     window.close();
   }
 
-  maximize() {
+  private maximize(): void {
     if (remote.getCurrentWindow().isMaximized()) {
       remote.getCurrentWindow().restore();
     } else {
@@ -16,14 +28,14 @@ export class Header extends React.Component<any, any> {
     }
   }
 
-  minimize() {
+  private minimize(): void {
     remote.getCurrentWindow().minimize();
   }
 
-  render() {
+  public render(): any {
     return (
       <div className="header">
-        <div className="header__draggable-region"/>
+        <div className="header__draggable-region"></div>
         <div className="header-icon header-icon--minimize" onClick={this.minimize.bind(this)}/>
         <div className="header-icon header-icon--maximize" onClick={this.maximize.bind(this)}/>
         <div className="fa fa-times fa-lg header-icon" onClick={() => this.exit()}/>