fix-bug(modal) : Convert the modal to a materialize button

benfluleck · Dec 20, 2017 · c86766b · c86766b
1 parent 261a14e
commit c86766b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/client/src/app/components/container/booklist/DisplayAllBooks.jsx b/client/src/app/components/container/booklist/DisplayAllBooks.jsx
@@ -121,12 +121,10 @@ class DisplayAllBooks extends React.Component {
           fetch={this.props.fetchAllBooks}
           numberOfRecords={this.props.limit}
         />
-        {this.props.isAdmin && this.props.allBooksList ?
-          <div>
-            <EditBookModal />
-            <AddBookModal />
-          </div> : null
-        }
+        <div>
+          <EditBookModal />
+          <AddBookModal />
+        </div>
       </div>
     );
   }

diff --git a/client/src/app/components/presentation/common/book/DisplayBook.jsx b/client/src/app/components/presentation/common/book/DisplayBook.jsx
@@ -122,16 +122,13 @@ class Book extends React.Component {
             {this.props.isAdmin === true
               ? (
                 <div>
-                  <Button
-                    floating
-                    icon="mode_edit"
+                  <a
                     href="#admin-book-modal"
                     onClick={() => this.handleEdit(this.props.book)}
-                    className="#f57c00 orange darken-2 book-icons-1 modal-trigger"
-                    waves="light"
-                  >
+                    className="btn-floating #f57c00 orange  waves-effect waves-light darken-2 book-icons-1 modal-trigger"
+                  ><i class="large material-icons">mode_edit</i>
                     Edit
-                  </Button>
+                  </a>
 
                   <Button
                     onClick={() => this.handleDelete(this.props.book.id)}