remove accordian

midvik · Aug 13, 2015 · 70d2810 · 70d2810
1 parent acf48aa
commit 70d2810
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -168,7 +168,6 @@
     "no-ternary": 0,
     "no-trailing-spaces": 1,
     "no-underscore-dangle": 0,
-    "no-extra-parens": 2,
     "one-var": 0,
     "operator-assignment": 0,
     "padded-blocks": 0,

diff --git a/common/app/routes/Jobs/components/Show.jsx b/common/app/routes/Jobs/components/Show.jsx
@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 import { contain } from 'thundercats-react';
-import { Accordion, Thumbnail, Panel, Well } from 'react-bootstrap';
+import { PanelGroup, Thumbnail, Panel, Well } from 'react-bootstrap';
 import moment from 'moment';
 
 export default contain(
@@ -46,22 +46,24 @@ export default contain(
         );
         return (
           <Panel
-            collapsable={ true }
+            collapsible={ true }
             eventKey={ index }
             header={ header }
             key={ id }>
-            <Thumbnail
-              alt='200x200' src={ logo }
-              style={ thumbnailStyle } />
             <Well>
-              Position: { position }
-              Location: { city }, { state }
-              <br />
-              Contact: { email || phone || 'N/A' }
-              <br />
-              Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
+              <Thumbnail
+                alt='200x200' src={ logo }
+                style={ thumbnailStyle } />
+              <Panel>
+                Position: { position }
+                Location: { city }, { state }
+                <br />
+                Contact: { email || phone || 'N/A' }
+                <br />
+                Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
+              </Panel>
+              <p>{ description }</p>
             </Well>
-            <p>{ description }</p>
           </Panel>
         );
       });
@@ -70,9 +72,9 @@ export default contain(
     render() {
       const { jobs } = this.props;
       return (
-        <Accordion>
+        <PanelGroup>
           { this.renderJobs(jobs) }
-        </Accordion>
+        </PanelGroup>
       );
     }
   })