import React, { PropTypes } from 'react';
import { DeviceList } from './DeviceList';
import { LeaveHomeButton } from '../containers/LeaveHomeButton';
import Paper from 'material-ui/Paper';
import FontIcon from 'material-ui/FontIcon';

export const DashboardGuest = (props) => (
  <div>
    <div className="row">
      <h4 style={{ textAlign: 'center' }}> Welcome Home! </h4>
    </div>
    <div className="row">
      <Paper zDepth={1} className="dashboard-title medium-10 medium-centered columns">
        <h2>
          <FontIcon
            className="material-icons"
            style={{ fontSize: '100%' }}
          >
          home
          </FontIcon>
          {props.appState.house.name}
        </h2>
      </Paper>
    </div>
      <LeaveHomeButton
        appState={props.appState}
        authState={props.authState}
        actions={props.actions}
      />
    <DeviceList appState={props.appState} actions={props.actions} />
  </div>
);

DashboardGuest.propTypes = {
  appState: PropTypes.object.isRequired,
  authState: PropTypes.object.isRequired,
  actions: PropTypes.object.isRequired,
};


@@ -736,18 +736,16 @@
 iv%3E%0A    
-  
 %3CLeaveHo
@@ -753,18 +753,16 @@
 eButton%0A
-  
       ap
@@ -791,18 +791,16 @@
 %7D%0A      
- 
- 
 authStat
@@ -825,18 +825,16 @@
 %7D%0A      
-  
 actions=
@@ -849,18 +849,16 @@
 ctions%7D%0A
-  
     /%3E%0A 

fix syntax error