modal example cleanup

Author: ivansfdc

demo/pages/HomePage/ModalSection2.jsx

@@ -10,40 +10,11 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 'use strict';
 
 import React from 'react';
-import SLDSButton from '../../../components/SLDSButton';
-import {ButtonIcon, Icon} from './../../../components/SLDSIcons';
 import {default as PrismCode} from 'react-prism/lib/PrismCode';
-import {EventUtil} from '../../../components/utils';
-import SLDSDateInput from '../../../components/SLDSDateInput';
 
-import SLDSModal from '../../../components/SLDSModal';
-import {SLDSModalTrigger, SLDSPicklistBase} from '../../../components';
+import {SLDSModal, SLDSButton, SLDSPicklistBase} from '../../../components';
 
 
-
-
-
-
-const customStyles = {
-  content : {
-    position                : 'default',
-    top                     : 'default',
-    left                    : 'default',
-    right                   : 'default',
-    bottom                  : 'default',
-    border                  : 'default',
-    background              : 'default',
-    overflow                : 'default',
-    WebkitOverflowScrolling : 'default',
-    borderRadius            : 'default',
-    outline                 : 'default',
-    padding                 : 'default'
-  },
-  overlay : {
-    backgroundColor: 'default'
-  }
-};
-
 module.exports = React.createClass( {
 
   getDefaultProps () {
@@ -56,13 +27,8 @@ module.exports = React.createClass( {
     };
   },
 
-  handleOpenModalClick (event) {
-    SLDSModalTrigger.open(this.getModalConfig(event.target));
-  },
-
   openModal () {
     this.setState({modalIsOpen: true});
-//    SLDSModalTrigger.open(this.getModalConfig());
   },
 
   closeModal () {
@@ -123,20 +89,6 @@ module.exports = React.createClass( {
                       </div>;
   },
 
-
-  renderModal () {
-    return <SLDSModal 
-                  isOpen={this.state.modalIsOpen}
-                  title={<span>Super Stuff</span>}
-                  footer={[
-                    <button className='slds-button slds-button--neutral' onClick={this.closeModal}>Cancel</button>,
-                    <button className='slds-button slds-button--neutral slds-button--brand' onClick={this.handleSubmitModal}>Save</button>
-                  ]}
-                  onRequestClose={this.closeModal}>
-                  {this.getModalContent()}
-                </SLDSModal>;
-  },
-
   render() {
     return (
 
@@ -156,7 +108,16 @@ module.exports = React.createClass( {
                 <SLDSButton flavor='brand' onClick={this.openModal}>
                   Open Modal
                 </SLDSButton>
-                {this.renderModal()}
+                <SLDSModal 
+                  isOpen={this.state.modalIsOpen}
+                  title={<span>Super Stuff</span>}
+                  footer={[
+                    <button className='slds-button slds-button--neutral' onClick={this.closeModal}>Cancel</button>,
+                    <button className='slds-button slds-button--neutral slds-button--brand' onClick={this.handleSubmitModal}>Save</button>
+                  ]}
+                  onRequestClose={this.closeModal}>
+                  {this.getModalContent()}
+                </SLDSModal>
               </div>
             </div>