65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
|
import ENSSubdomainRegistry from 'Embark/contracts/ENSSubdomainRegistry';
|
||
|
|
import ENSRegistry from 'Embark/contracts/ENSRegistry';
|
||
|
|
import React, { Fragment } from 'react';
|
||
|
|
import { Button } from 'react-bootstrap';
|
||
|
|
import { withFormik } from 'formik';
|
||
|
|
import { hash } from 'eth-ens-namehash'
|
||
|
|
import { zeroAddress, zeroBytes32 } from './utils'
|
||
|
|
import FieldGroup from '../standard/FieldGroup'
|
||
|
|
|
||
|
|
const InnerForm = ({
|
||
|
|
values,
|
||
|
|
errors,
|
||
|
|
touched,
|
||
|
|
handleChange,
|
||
|
|
handleBlur,
|
||
|
|
handleSubmit,
|
||
|
|
isSubmitting,
|
||
|
|
}) => (
|
||
|
|
<form onSubmit={handleSubmit}>
|
||
|
|
<FieldGroup
|
||
|
|
id="subDomain"
|
||
|
|
name="subDomain"
|
||
|
|
type="text"
|
||
|
|
label="Sub Domain"
|
||
|
|
onChange={handleChange}
|
||
|
|
onBlur={handleBlur}
|
||
|
|
value={values.subDomain}
|
||
|
|
error={errors.subDomain}
|
||
|
|
/>
|
||
|
|
<FieldGroup
|
||
|
|
id="domainName"
|
||
|
|
name="domainName"
|
||
|
|
type="text"
|
||
|
|
label="Domain Name"
|
||
|
|
onChange={handleChange}
|
||
|
|
onBlur={handleBlur}
|
||
|
|
value={values.domainName}
|
||
|
|
/>
|
||
|
|
<Button bsStyle="primary" type="submit" disabled={isSubmitting || !!Object.keys(errors).length}>{!isSubmitting ? 'Submit' : 'Submitting to the Blockchain - (this may take awhile)'}</Button>
|
||
|
|
</form>
|
||
|
|
)
|
||
|
|
|
||
|
|
const RegisterSubDomain = withFormik({
|
||
|
|
mapPropsToValues: props => ({ subDomain: '', domainName: '' }),
|
||
|
|
handleSubmit(values, { setSubmitting }) {
|
||
|
|
const { subDomain, domainName } = values;
|
||
|
|
const { soliditySha3 } = window.web3.utils;
|
||
|
|
const { methods: { register } } = ENSSubdomainRegistry;
|
||
|
|
register(
|
||
|
|
soliditySha3(subDomain),
|
||
|
|
hash(domainName),
|
||
|
|
zeroAddress,
|
||
|
|
zeroBytes32,
|
||
|
|
zeroBytes32
|
||
|
|
)
|
||
|
|
.send()
|
||
|
|
.then(res => {
|
||
|
|
setSubmitting(false);
|
||
|
|
console.log(res)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})(InnerForm)
|
||
|
|
|
||
|
|
export default RegisterSubDomain;
|