onion/js/components/ascribe_buttons/unconsign_request_button.js

'use strict';

import React from 'react';

import Button from 'react-bootstrap/lib/Button';

import ModalWrapper from '../ascribe_modal/modal_wrapper';
import UnConsignRequestForm from './../ascribe_forms/form_unconsign_request';

import { getLangText } from '../../utils/lang_utils.js';
import apiUrls from '../../constants/api_urls';


let UnConsignRequestButton = React.createClass({
    propTypes: {
        currentUser: React.PropTypes.object.isRequired,
        edition: React.PropTypes.object.isRequired,
        handleSuccess: React.PropTypes.func.isRequired
    },

    render: function () {
        return (
            <ModalWrapper
                button={
                    <Button bsStyle="danger" className="btn-delete pull-center" bsSize="small" type="submit">
                        REQUEST UNCONSIGN
                    </Button>
                }
                handleSuccess={this.props.handleSuccess}
                title='Request to Un-Consign'
                tooltip='Ask the consignee to return the ownership of the work back to you'>
                <UnConsignRequestForm
                    url={apiUrls.ownership_unconsigns_request}
                    id={{'bitcoin_id': this.props.edition.bitcoin_id}}
                    message={`${getLangText('Hi')},

${getLangText('I request you to un-consign')} \" ${this.props.edition.title} \".

${getLangText('Truly yours')},
${this.props.currentUser.username}`}/>
            </ModalWrapper>
        );
    }
});

export default UnConsignRequestButton;