Fixed the ternary syntax to produce expected behavior

AllenFang · Feb 26, 2016 · 04592b0 · 04592b0
1 parent 9e7bc02
commit 04592b0
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/src/pagination/PaginationList.js b/src/pagination/PaginationList.js
@@ -59,26 +59,28 @@ class PaginationList extends React.Component {
       <div className="row" style={{ marginTop: 15 }}>
         {
           this.props.sizePerPageList.length > 1
-          ? <div className="col-md-6">
-              <div className="dropdown">
-                <button className="btn btn-default dropdown-toggle" type="button" id="pageDropDown" data-toggle="dropdown"
-                        aria-expanded="true">
-                  {this.props.sizePerPage}
-                  <span>
-                    {" "}
-                    <span className="caret"/>
-                  </span>
-                </button>
-                <ul className="dropdown-menu" role="menu" aria-labelledby="pageDropDown">
-                  {sizePerPageList}
-                </ul>
-              </div>
+          ? <div>
               <div className="col-md-6">
-                <ul className="pagination" style={pageListStyle}>
-                  {pageBtns}
-                </ul>
+                  <div className="dropdown">
+                    <button className="btn btn-default dropdown-toggle" type="button" id="pageDropDown" data-toggle="dropdown"
+                            aria-expanded="true">
+                      {this.props.sizePerPage}
+                      <span>
+                        {" "}
+                        <span className="caret"/>
+                      </span>
+                    </button>
+                    <ul className="dropdown-menu" role="menu" aria-labelledby="pageDropDown">
+                      {sizePerPageList}
+                    </ul>
+                  </div>
+                </div>
+                <div className="col-md-6">
+                  <ul className="pagination" style={pageListStyle}>
+                    {pageBtns}
+                  </ul>
+                </div>
               </div>
-            </div>
           : <div className="col-md-12">
               <ul className="pagination" style={pageListStyle}>
                 {pageBtns}