From 271a0498944e13a95e47c0f7bbd34d94170765f5 Mon Sep 17 00:00:00 2001 From: Alf Eaton <eaton.alf@gmail.com> Date: Wed, 6 Sep 2017 10:15:06 +0100 Subject: [PATCH] Add AssignEditor component --- .../src/components/AssignEditor.js | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 packages/component-dashboard/src/components/AssignEditor.js diff --git a/packages/component-dashboard/src/components/AssignEditor.js b/packages/component-dashboard/src/components/AssignEditor.js new file mode 100644 index 000000000..06c1ec0b3 --- /dev/null +++ b/packages/component-dashboard/src/components/AssignEditor.js @@ -0,0 +1,30 @@ +import React from 'react' +import { Menu } from 'xpub-ui' +import { withJournal } from 'pubsweet-component-xpub-app/src/components' + +const editorOption = editor => ({ + value: editor.user, + label: editor.name +}) + +// TODO: select multiple editors + +const AssignEditor = ({ journal, project, team, teamType, addUserToTeam }) => ( + <Menu + value={team ? team.members[0] : null} + label={journal.roles[teamType]} + options={journal.editors[teamType].map(editorOption)} + placeholder="Assign an editor…" + onChange={user => { + addUserToTeam({ + team, + teamType, + name: journal.roles[teamType], + group: 'editor', + project, + user + }) + }}/> +) + +export default withJournal(AssignEditor) -- GitLab