import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router'
import StatusBar from './components/StatusBar'

function mapStateToProps(state) {
  return {
  }
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators({}, dispatch)
}

class DashboardPage extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
    <div className="home-screen-wrap">
      <StatusBar hideBackToHomeLink={true} />
      <div className="home-screen">
        <div className="container-fluid app-center">
          <div className="container app-wrap">
            <div className="app-container no-padding">
              <div className="app-box-wrap">
                <Link to="/profiles" className="app-box-container">
                  <div className="app-box">
                    <img src="/images/app-icon-profiles@2x.png" />
                  </div>
                </Link>
                <div className="app-text-container">
                  <h3>Profiles</h3>
                </div>
              </div>
              <div className="app-box-wrap">
                <Link to="/storage/providers" className="app-box-container">
                  <div className="app-box">
                    <img src="/images/app-icon-storage-light@2x.png" />
                  </div>
                </Link>
                <div className="app-text-container">
                  <h3>Storage</h3>
                </div>
              </div>
              <div className="app-box-wrap">
                <Link to="/wallet/receive" className="app-box-container">
                  <div className="app-box">
                    <img src="/images/app-icon-wallet-card-flat@2x.png" />
                  </div>
                </Link>
                <div className="app-text-container">
                  <h3>Wallet</h3>
                </div>
              </div>
              <div className="app-box-wrap">
                <Link to="/account/password" className="app-box-container">
                  <div className="app-box">
                    <img src="/images/app-icon-settings@2x.png" />
                  </div>
                </Link>
                <div className="app-text-container">
                  <h3>Account</h3>
                </div>
              </div>
              <div className="app-box-wrap">
                <a href="https://helloblockstack.com"
                   className="app-box-container">
                  <div className="app-box">
                    <img src="/images/app-icon-hello-blockstack@2x.png" />
                  </div>
                </a>
                <div className="app-text-container">
                  <h3>Hello, Blockstack</h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    )
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(DashboardPage)

@@ -2827,32 +2827,466 @@
          %3C/div%3E%0A
+              %3Cdiv className=%22app-box-wrap%22%3E%0A                %3Ca href=%22https://forum.blockstack.org%22%0A                   className=%22app-box-container%22%3E%0A                  %3Cdiv className=%22app-box%22%3E%0A                    %3Cimg src=%22/images/app-icon-forum@2x.png%22 /%3E%0A                  %3C/div%3E%0A                %3C/a%3E%0A                %3Cdiv className=%22app-text-container%22%3E%0A                  %3Ch3%3EForum%3C/h3%3E%0A                %3C/div%3E%0A              %3C/div%3E%0A
             %3C/di

add forum as app #516