Remove irrelevant ModalStatic example

Fixes react-bootstrap#1001
divyansh21jain · Jul 17, 2015 · 440126b · 440126b
1 parent 49bf9ce
commit 440126b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 35 deletions.
diff --git a/docs/examples/ModalStatic.js b/docs/examples/ModalStatic.js
diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js
@@ -260,24 +260,22 @@ const ComponentsPage = React.createClass({
                 <div className='bs-docs-section'>
                   <h1 className='page-header'><Anchor id='modals'>Modals</Anchor> <small>Modal</small></h1>
 
-                  <h3><Anchor id='modals-static'>A static example</Anchor></h3>
+                  <h3><Anchor id='modals-live'>Basic example</Anchor></h3>
+                  <p></p>
                   <p>
-                    A rendered modal with header, body, and set of actions in the footer. The <code>{'<Modal/>'}</code> Component comes with
+                    A modal with header, body, and set of actions in the footer. Use <code>{'<Modal/>'}</code> in combination with other components to
+                    show or hide your Modal. The <code>{'<Modal/>'}</code> Component comes with
                     a few convenient "sub components": <code>{'<Modal.Header/>'}</code>, <code>{'<Modal.Title/>'}</code>, <code>{'<Modal.Body/>'}</code>,
                     and <code>{'<Modal.Footer/>'}</code>, which you can use to build the Modal content.
                   </p>
+                  <ReactPlayground codeText={Samples.Modal} />
                   <div className='bs-callout bs-callout-info'>
                     <h4>Additional Import Options</h4>
                     <p>
                       The Modal Header, Title, Body, and Footer components are available as static properties the <code>{'<Modal/>'}</code> component, but you can also,
                       import them directly from the <code>/lib</code> directory like: <code>{"require('react-bootstrap/lib/ModalHeader')"}</code>.
                     </p>
                   </div>
-                  <ReactPlayground codeText={Samples.ModalStatic} />
-
-                  <h3><Anchor id='modals-live'>Live demo</Anchor></h3>
-                  <p>Use <code>{'<Modal/>'}</code> in combination with other components to show or hide your Modal.</p>
-                  <ReactPlayground codeText={Samples.Modal} />
 
                   <h3><Anchor id='modals-contained'>Contained Modal</Anchor></h3>
                   <p>You will need to add the following css to your project and ensure that your container has the <code>modal-container</code> class.</p>

diff --git a/docs/src/Samples.js b/docs/src/Samples.js
@@ -33,7 +33,6 @@ export default {
   PanelGroupUncontrolled:        require('fs').readFileSync(__dirname + '/../examples/PanelGroupUncontrolled.js', 'utf8'),
   PanelGroupAccordion:           require('fs').readFileSync(__dirname + '/../examples/PanelGroupAccordion.js', 'utf8'),
   CollapsibleParagraph:          require('fs').readFileSync(__dirname + '/../examples/CollapsibleParagraph.js', 'utf8'),
-  ModalStatic:                   require('fs').readFileSync(__dirname + '/../examples/ModalStatic.js', 'utf8'),
   Modal:                         require('fs').readFileSync(__dirname + '/../examples/Modal.js', 'utf8'),
   ModalContained:                require('fs').readFileSync(__dirname + '/../examples/ModalContained.js', 'utf8'),
   ModalDefaultSizing:            require('fs').readFileSync(__dirname + '/../examples/ModalDefaultSizing.js', 'utf8'),