visual-identity/app/components/proposal-manager/proposal-manager.js

import EmbarkJS from 'Embark/EmbarkJS';
import ERC20Token from 'Embark/contracts/ERC20Token';
import ProposalCuration from 'Embark/contracts/ProposalCuration';
import SNT from 'Embark/contracts/SNT';
import React, { Component, Fragment } from 'react';
import { Form, FormGroup, FormControl, HelpBlock, Button, Alert } from 'react-bootstrap';
import web3 from "Embark/web3";
import { withFormik } from 'formik';
import FieldGroup from '../standard/FieldGroup';

//TODO make innerform and wrap 
class InnerForm extends Component {

  constructor(props) {
    super(props);
    this.state = {
      submitPrice: "Loading...",
      url: "",
      title: "",
      description: "",
      canSubmit: true
    };
  }

  componentDidMount(){
    this.loadPrice();
  }

  componentWillReceiveProps(){
    this.loadPrice();
  }

  async loadPrice(){
    __embarkContext.execWhenReady(async () => {
      try {
        let _b = await ProposalCuration.methods.getSubmitPrice(web3.eth.defaultAccount).call();
        this.setState({
          submitPrice: _b,
          canSubmit: true
        });
      } catch(err){
        this.setState({
          canSubmit: false,
          submitPrice: "-"
        });
      }
    });
  }

  async handleClick(){
    let description = {
      "url": this.state.url,
      "title": this.state.title,
      "description": this.state.description
    };

    EmbarkJS.Storage.saveText(JSON.stringify(description))
            .then(async (hash) => {
              let hexHash = web3.utils.toHex(hash);

              let receipt = await SNT.methods.approve(
                ProposalCuration.options.address,
                this.state.submitPrice)
                                     .send({from: web3.eth.defaultAccount, gasLimit: 1000000});

              console.log(receipt);

              receipt = await ProposalCuration.methods.submitProposal(
                "0x00",
                "0x0000000000000000000000000000000000000000",
                0,
                "0x00",
                hexHash
              )
                                              .send({from: web3.eth.defaultAccount, gasLimit: 1000000});

              console.log(receipt);
            })
            .catch((err) => {
              if(err){
                // TODO show error
                console.log("Storage saveText Error => " + err.message);
              }
            });
  }


  render() {
    const { values, errors, touched, handleChange, handleBlur, handleSubmit, isSubmitting, setFieldValue } = this.props;
    const { canSubmit } = this.state;
    return (
      <Fragment>
        {!canSubmit &&
         <Alert bsStyle="warning">
           Account not allowed to submit proposals <Button>Click to enable (Admin only)</Button>
         </Alert>
        }
        <h2>Add proposal</h2>
        <p>Execute this on the console if proposal submit is not allowed</p>
        <code>await ProposalCuration.methods.setSubmitPrice(web3.eth.defaultAccount, true, 1).send();</code>
        <h3>Price: {this.state.submitPrice}</h3>
        <Form onSubmit={handleSubmit}>
          <FieldGroup
            id="title"
            name="title"
            type="text"
            label="Title"
            onChange={handleChange}
            onBlur={handleBlur}
            value={values.title}
          />
          <FieldGroup
            id="description"
            name="description"
            type="text"
            label="Description"
            onChange={handleChange}
            onBlur={handleBlur}
            value={values.description}
          />
          <FieldGroup
            id="url"
            name="url"
            type="text"
            label="URL"
            onChange={handleChange}
            onBlur={handleBlur}
            value={values.url}
          />
          <Button type="submit" disabled={!canSubmit || isSubmitting}>{isSubmitting ? 'Submission in progress' : 'Submit'}</Button>
        </Form>
      </Fragment>
    )
  }
}

const ProposalManager = withFormik({
  mapPropsToValues: props => ({ title: '', description: '', url: '' }),
  validate(values) {},
  handleSubmit(values, { setSubmitting}){
    const { title, description, url } = values;
    const { saveText } = EmbarkJS.Storage;
    const { toHex } = web3.utils;
    const { submitProposal } = ProposalCuration.methods;
    saveText(JSON.stringify(description))
      .then(hash => {
        const hexHash = toHex(hash);
        //TODO create toggle for address approval
        submitProposal(
          "0x00",
          "0x0000000000000000000000000000000000000000",
          0,
          "0x00",
          hexHash
        )
          .send({from: web3.eth.defaultAccount, gasLimit: 1000000})
          .then(res => {
            setSubmitting(false);
            console.log(res);
          })
          .catch(err => {
            setSubmitting(false);
            console.log('Storage saveText Error: ', err.message)
          });
      })
  }
})(InnerForm)

export default ProposalManager;