diff --git a/app/components/VersionsList.js b/app/components/VersionsList.js index 53538b5ed59ee698b9e9933f5c11b99dd7ffa1ad..2158517fe6c079696715c17f521d9300abebdd9c 100644 --- a/app/components/VersionsList.js +++ b/app/components/VersionsList.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types' import VersionActions from './VersionActions' import * as date from '../lib/date' import * as sort from '../lib/sort' -import '../components/Versions.css' +import './VersionsList.css' const sortByVersion = sort.descending('version') diff --git a/stories/data/projects/submitted.js b/stories/data/projects/submitted.js index 5bd438624f7f56bc0cecb9c157bb2183e903d7c5..9e2f29d8cbad839f4a4eb20b57f0f1e4bddab3a3 100644 --- a/stories/data/projects/submitted.js +++ b/stories/data/projects/submitted.js @@ -38,5 +38,35 @@ export default { } } }, - declarations: {} + declarations: { + human: false, + newTaxon: false, + financialDisclosure: 'There were no financial conflicts' + }, + events: [ + { + id: 'event-1', + type: 'created', + date: '2017-06-01T12:00:00Z', + user: { + id: 'user-foo', + username: 'foo' // TODO: populate this later? + } + }, + { + id: 'event-2', + type: 'title:update', + date: '2017-06-01T13:00:00Z', + user: { + id: 'user-foo', + username: 'foo' + }, + changes: { + title: { + from: 'The old title', + to: 'The new title' + } + } + } + ] } diff --git a/stories/index.js b/stories/index.js index 21bcf9f82bae026fc150ffbf2dc61986ccc6c841..07d5d3a3e05503837dbba15d86459da4235e10a7 100644 --- a/stories/index.js +++ b/stories/index.js @@ -15,6 +15,7 @@ import versions from './data/versions' import DeclarationAnswers from '../app/components/DeclarationAnswers' import DeclarationQuestions from '../app/components/DeclarationQuestions' +import EventsList from '../app/components/EventsList' import Project from '../app/components/Project' import ProjectActions from '../app/components/ProjectActions' import ProjectList from '../app/components/ProjectList' @@ -123,6 +124,14 @@ storiesOf('Editors', module) <EditorList project={projects.submitted} roles={projects.submitted.roles.editor}/> )) +storiesOf('Events List', module) + .add('project', () => ( + <div> + <EventsList project={projects.submitted} + events={projects.submitted.events}/> + </div> + )) + storiesOf('Navigation', module) .add('anonymous', () => ( <Navigation appName="xpub"