From d2b2bdf7d572cf2f6a54afeb9024767346961621 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Tue, 14 Jul 2015 21:13:15 +0200
Subject: [PATCH] add custom submit button to piece list

---
 .../ascribe_piece_list_toolbar/piece_list_toolbar.js | 12 ++++++++----
 js/components/piece_list.js                          |  7 +++++--
 .../whitelabel/prize/components/piece_list.js        | 12 +++++++-----
 3 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar.js b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar.js
index a4b24722..3f9d04ab 100644
--- a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar.js
+++ b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar.js
@@ -4,16 +4,17 @@ import React from 'react';
 
 import Input from 'react-bootstrap/lib/Input';
 import Glyphicon from 'react-bootstrap/lib/Glyphicon';
-import ButtonLink from 'react-router-bootstrap/lib/ButtonLink';
-import Row from 'react-bootstrap/lib/Row';
-import Col from 'react-bootstrap/lib/Col';
 import { getLangText } from '../../utils/lang_utils';
 
 let PieceListToolbar = React.createClass({
 
     propTypes: {
         className: React.PropTypes.string,
-        searchFor: React.PropTypes.func
+        searchFor: React.PropTypes.func,
+        children: React.PropTypes.oneOfType([
+            React.PropTypes.arrayOf(React.PropTypes.element),
+            React.PropTypes.element
+        ])
     },
 
     searchFor() {
@@ -29,6 +30,9 @@ let PieceListToolbar = React.createClass({
                 <div className="row">
                     <div className="col-xs-12 col-sm-10 col-md-8 col-lg-8 col-sm-offset-1 col-md-offset-2 col-lg-offset-2">
                         <div className="row">
+                            <span className="pull-left">
+                                {this.props.children}
+                            </span>
                             <span className="pull-right search-bar">
                                 <Input
                                     type='text'
diff --git a/js/components/piece_list.js b/js/components/piece_list.js
index da97d95a..39426391 100644
--- a/js/components/piece_list.js
+++ b/js/components/piece_list.js
@@ -20,7 +20,8 @@ import AppConstants from '../constants/application_constants';
 
 let PieceList = React.createClass({
     propTypes: {
-        redirectTo: React.PropTypes.string
+        redirectTo: React.PropTypes.string,
+        customSubmitButton: React.PropTypes.element
     },
 
     mixins: [Router.Navigation, Router.State],
@@ -93,7 +94,9 @@ let PieceList = React.createClass({
             <div>
                 <PieceListToolbar
                     className="ascribe-piece-list-toolbar"
-                    searchFor={this.searchFor} />
+                    searchFor={this.searchFor}>
+                    {this.props.customSubmitButton}
+                </PieceListToolbar>
                 <PieceListBulkModal className="ascribe-piece-list-bulk-modal" />
                 <AccordionList
                     className="ascribe-accordion-list"
diff --git a/js/components/whitelabel/prize/components/piece_list.js b/js/components/whitelabel/prize/components/piece_list.js
index 250835d8..c5eb9ad8 100644
--- a/js/components/whitelabel/prize/components/piece_list.js
+++ b/js/components/whitelabel/prize/components/piece_list.js
@@ -10,11 +10,13 @@ let PrizePieceList = React.createClass({
     render() {
         return (
             <div>
-                <ButtonLink to="register_piece">
-                    Submit a new artwork to the prize
-                </ButtonLink>
-
-                <PieceList redirectTo="register_piece" />
+                <PieceList
+                    redirectTo="register_piece"
+                    customSubmitButton={
+                        <ButtonLink to="register_piece">
+                            Submit a new artwork to the prize
+                        </ButtonLink>
+                    }/>
             </div>
         );
     }