correct toggling behavior when there is an error

app/components/Dashboard/AddBook.jsx

@@ -20,20 +20,18 @@ export default class AddBook extends React.Component {
 
   handleKeyOnInput (event) {
     if (event.charCode !== 13) return
-
-    const { toggle } = this.props
     this.onCreate()
-    toggle()
   }
 
   onCreate () {
-    const { create } = this.props
+    const { create, toggle } = this.props
 
     const input = this.inputRef
     const newTitle = input.value.trim()
 
     if (newTitle.length === 0) return this.setState({ error: true })
     create(newTitle)
+    toggle()
   }
 
   onInputChange () {
@@ -64,7 +62,7 @@ export default class AddBook extends React.Component {
     const { error } = this.state
 
     const el = (
-      <div>
+      <div className='error' >
         New book title cannot be empty
       </div>
     )

app/components/common/AbstractModal.jsx

@@ -8,10 +8,8 @@ export class BookBuilderModal extends React.Component {
   }
 
   performAction () {
-    const { successAction, toggle } = this.props
-
+    const { successAction } = this.props
     successAction()
-    toggle()
   }
 
   renderHeader () {