chapter refactor -- done

app/components/BookBuilder/Chapter.jsx

@@ -32,6 +32,7 @@ export class Chapter extends React.Component {
       ink,
       isDragging,
       outerContainer,
+      remove,
       roles,
       title,
       type
@@ -59,6 +60,7 @@ export class Chapter extends React.Component {
             book={book}
             chapter={chapter}
             outerContainer={outerContainer}
+            remove={remove}
             roles={roles}
             title={title}
             type={type}

app/components/BookBuilder/Chapter/AlignmentBox.jsx

@@ -22,7 +22,8 @@ class AlignmentBox extends React.Component {
     const { chapter, position } = this.props
     const selected = chapter.alignment[position]
 
-    const outerClass = styles.leftRightBox + ' ' + styles.leftBox
+    // TODO -- fix classes here
+    const outerClass = styles.leftRightBox + ' ' + styles[position + 'Box']
     const innerClass = selected ? styles.boxActive : styles.boxInactiveHover
 
     return (

app/components/BookBuilder/Chapter/ChapterButtons.jsx

@@ -70,16 +70,15 @@ class ChapterButtons extends React.Component {
   }
 
   renderRenameButton () {
-    const { chapter, isRenaming } = this.props
-    const type = chapter.type
+    const { isRenaming, onClickRename, onSaveRename, type } = this.props
 
     if (type === 'chapter' || type === 'part') {
       let renameButtonText = 'Rename'
-      let renameButtonFunction = this.onClickRename
+      let renameButtonFunction = onClickRename
 
       if (isRenaming) {
         renameButtonText = 'Save'
-        renameButtonFunction = this.onSaveRename
+        renameButtonFunction = onSaveRename
       }
 
       return (
@@ -164,6 +163,7 @@ ChapterButtons.propTypes = {
   onSaveRename: React.PropTypes.func.isRequired,
   remove: React.PropTypes.func.isRequired,
   roles: React.PropTypes.array.isRequired,
+  type: React.PropTypes.string.isRequired,
   update: React.PropTypes.func.isRequired
 }
 

app/components/BookBuilder/Chapter/FirstRow.jsx

@@ -26,8 +26,11 @@ class ChapterFirstRow extends React.Component {
   onSaveRename (title) {
     const { book, chapter, update } = this.props
 
-    // handle save button click (from outside the component)
-    if (typeof title !== 'string') title = this.refs.chapterInput.state.value
+    // TODO -- DOESN'T WORK ANYMORE
+    // handle save button click (from outside the text input component)
+    if (typeof title !== 'string') {
+      title = this.refs.chapterInput.state.value
+    }
 
     if (title.length === 0) return this.setState({ isRenameEmpty: true })
     this.setState({ isRenameEmpty: false })
@@ -61,8 +64,11 @@ class ChapterFirstRow extends React.Component {
           chapter={chapter}
           isRenaming={isRenamingTitle}
           modalContainer={outerContainer}
+          onClickRename={this.onClickRename}
+          onSaveRename={this.onSaveRename}
           remove={remove}
           roles={roles}
+          type={type}
           update={update}
         />
       </span>

app/components/BookBuilder/Chapter/ProgressItem.jsx

@@ -51,7 +51,7 @@ export class ProgressItem extends React.Component {
     chapter.progress[type] = position
     update(chapter)
 
-    this.setState({ showWarning: false })
+    this.setState({ showModal: false })
   }
 
   canChange () {
@@ -170,7 +170,6 @@ ProgressItem.propTypes = {
   roles: React.PropTypes.array.isRequired,
   type: React.PropTypes.string.isRequired,
   update: React.PropTypes.func.isRequired
-  // viewOrEdit: React.PropTypes.func
 }
 
 export default ProgressItem

app/components/BookBuilder/Chapter/ProgressList.jsx

@@ -12,11 +12,9 @@ class ProgressList extends React.Component {
         <ProgressItem
           chapter={chapter}
           hasIcon
-          // modalContainer={modalContainer}
           roles={roles}
           type='style'
           update={update}
-          // viewOrEdit={this._viewOrEdit}
         />
 
         <ProgressItem
@@ -26,7 +24,6 @@ class ProgressList extends React.Component {
           roles={roles}
           type='edit'
           update={update}
-          // viewOrEdit={this._viewOrEdit}
         />
 
         <ProgressItem
@@ -36,16 +33,13 @@ class ProgressList extends React.Component {
           roles={roles}
           type='review'
           update={update}
-          // viewOrEdit={this._viewOrEdit}
         />
 
         <ProgressItem
           chapter={chapter}
-          // modalContainer={modalContainer}
           roles={roles}
           type='clean'
           update={update}
-          // viewOrEdit={this._viewOrEdit}
         />
       </ul>
     )

app/components/utils/Modal.jsx

@@ -57,7 +57,7 @@ export class BookBuilderModal extends React.Component {
     } else if (action === 'workflow-warning') {
       modalBodyText = (
         <div>
-          This action will revoke your access to this fragment.
+          This action will revoke your write access to this fragment.
           <br />
           Are you sure you want to continue?
         </div>