diff --git a/js/components/ascribe_detail/edition.js b/js/components/ascribe_detail/edition.js index 89f10bde..7b89c339 100644 --- a/js/components/ascribe_detail/edition.js +++ b/js/components/ascribe_detail/edition.js @@ -16,6 +16,7 @@ import PieceListActions from '../../actions/piece_list_actions'; import PieceListStore from '../../stores/piece_list_store'; import EditionListActions from '../../actions/edition_list_actions'; +import HistoryIterator from './history_iterator'; import MediaContainer from './media_container'; @@ -108,8 +109,8 @@ let Edition = React.createClass({
-

{this.props.edition.title}


+

{this.props.edition.title}


@@ -130,21 +131,21 @@ let Edition = React.createClass({ 0}> - 0}> - 0}> - @@ -295,31 +296,6 @@ let EditionSummary = React.createClass({ }); -let EditionDetailHistoryIterator = React.createClass({ - propTypes: { - history: React.PropTypes.array - }, - - render() { - return ( -
- {this.props.history.map((historicalEvent, i) => { - return ( - -
{ historicalEvent[1] }
-
- ); - })} -
-
- ); - } -}); - let EditionPersonalNote = React.createClass({ propTypes: { edition: React.PropTypes.object, diff --git a/js/components/ascribe_detail/history_iterator.js b/js/components/ascribe_detail/history_iterator.js new file mode 100644 index 00000000..54d11a5b --- /dev/null +++ b/js/components/ascribe_detail/history_iterator.js @@ -0,0 +1,33 @@ +'use strict'; + +import React from 'react'; + +import Form from '../ascribe_forms/form'; +import Property from '../ascribe_forms/property'; + +let HistoryIterator = React.createClass({ + propTypes: { + history: React.PropTypes.array + }, + + render() { + return ( +
+ {this.props.history.map((historicalEvent, i) => { + return ( + +
{ historicalEvent[1] }
+
+ ); + })} +
+
+ ); + } +}); + +export default HistoryIterator; diff --git a/js/components/ascribe_detail/piece_container.js b/js/components/ascribe_detail/piece_container.js index 2c36035b..dd638366 100644 --- a/js/components/ascribe_detail/piece_container.js +++ b/js/components/ascribe_detail/piece_container.js @@ -19,6 +19,7 @@ import CollapsibleParagraph from './../ascribe_collapsible/collapsible_paragraph import FurtherDetails from './further_details'; import DetailProperty from './detail_property'; +import HistoryIterator from './history_iterator'; import AclButtonList from './../ascribe_buttons/acl_button_list'; import CreateEditionsForm from '../ascribe_forms/create_editions_form'; @@ -185,6 +186,14 @@ let PieceContainer = React.createClass({ }> {this.getCreateEditionsDialog()} + + 0}> + + +
}> + + 0}> + + + );