+
+
{ this.state.isKeyDown &&
}
- { this.state.isOpenSubdomain &&
}
- { this.state.isOpenSubdomain &&
}
- { this.state.isOpenResolver &&
}
- { this.state.isOpenAddress &&
}
- { this.state.isOpenIPFS &&
}
-
+ {/* { this.menuAcitveidx === 0 && this.state.isOpenSubdomain &&
);
}
}
diff --git a/src/components/SearchBar/SearchBar.scss b/src/components/SearchBar/SearchBar.scss
index bf9d9fd..28b24d5 100644
--- a/src/components/SearchBar/SearchBar.scss
+++ b/src/components/SearchBar/SearchBar.scss
@@ -65,6 +65,43 @@
}
}
+.ens_title {
+ margin-bottom: 20px;
+
+ h3 {
+ position: relative;
+ margin-bottom: 15px;
+ padding: 0px 0px 0px 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ &:before {
+ content: "";
+ display: block;
+ width: 24px;
+ height: 24px;
+ background: url('../../images/bullet.png') top left no-repeat;
+ background-size: 100% auto;
+ position: absolute;
+ left: 0px;
+ top: -6px;
+ }
+
+ span {
+ font-size: 16px;
+ font-weight: 600;
+ color: #fff;
+ }
+
+ svg {
+ width: 20px !important;
+ height: 20px !important;
+ color: #fff;
+ }
+ }
+}
+
.type_list {
background-color: #fff;
border-radius: 4px;
@@ -72,18 +109,18 @@
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
- >p {
- font-size: 12px;
- color: #848282;
- text-align: left;
- padding: 12px 0px;
- border-bottom: dotted 1px #91a8ef;
-
- span {
- font-size: 12px;
- color: #848282;
- }
- }
+ // >p {
+ // font-size: 12px;
+ // color: #848282;
+ // text-align: left;
+ // padding: 12px 0px;
+ // border-bottom: dotted 1px #91a8ef;
+
+ // span {
+ // font-size: 12px;
+ // color: #848282;
+ // }
+ // }
.type_box {
padding: 12px 0px;
diff --git a/src/components/SearchBar/Subdomain/Subdomain.css b/src/components/SearchBar/Subdomain/Subdomain.css
deleted file mode 100644
index 4a088d3..0000000
--- a/src/components/SearchBar/Subdomain/Subdomain.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.setting_box h3 > button {
- min-width: auto;
- min-height: auto;
- padding: 0px; }
diff --git a/src/components/SearchBar/Subdomain/Subdomain.js b/src/components/SearchBar/Subdomain/Subdomain.js
index 542ed11..c03896e 100644
--- a/src/components/SearchBar/Subdomain/Subdomain.js
+++ b/src/components/SearchBar/Subdomain/Subdomain.js
@@ -1,71 +1,212 @@
import React, { Component } from 'react';
-import {getEthereumRegistryAddress} from '../../../lib/web3Service';
-import {setSubnodeOwner} from '../../../lib/registryService';
-import Tooltip from 'material-ui/Tooltip';
-import { Error } from 'material-ui-icons';
-import './Subdomain.css';
+import Web3 from 'web3';
+import styled from 'styled-components';
+import bulletpng from "../../../images/bullet.png";
+import syncpng from "../../../images/ic-sync.svg";
+import linkIcon from '../../../images/ic-link.svg'
+import addIcon from '../../../images/ic-add.svg'
+import { getEthereumRegistryAddress } from '../../../lib/web3Service';
+import { setSubnodeOwner, newOwnerEvent } from '../../../lib/registryService';
+import { decryptLabel } from '../../../apis/api';
+import Loading from '../../Loading/Loading';
+const SettingBox = styled.div`
+ >h3{
+ position: relative;
+ margin-top: 30px;
+ margin-bottom: 18px;
+ padding: 0px 0px 0px 25px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ &:before{
+ content: "";
+ display: block;
+ width: 20px;
+ height: 20px;
+ background: url(${props => (props.bulletpng)}) top left no-repeat;
+ background-size: 100% auto;
+ position: absolute;
+ left: 0px;
+ top: -6px;
+ }
+ >span{
+ font-size: 12px;
+ font-weight: 600;
+ color: #fff;
+ }
+ >a{
+ cursor: pointer;
+ }
+ }
+`;
-class Subdomain extends Component {
- constructor(props) {
- super(props);
- this.state = {
- newOwner: "",
- subnode: "",
- searchValue: ""
- };
-
- this.handleSetSubnodeOwner = this.handleSetSubnodeOwner.bind(this);
- }
+const TitleH1 = styled.h1`
+ position: relative;
+ font-family: SFProText;
+ font-size: 14px;
+ font-weight: bold;
+ line-height: 1.6;
+ color: #707070;
+ margin-bottom: 15px;
+ >a{
+ cursor: pointer;
+ position: absolute;
+ right: 0;
+ top: 3px;
+ display: block;
+ width: 16px;
+ height: 16px;
+ }
+`;
- componentDidMount = () => {
- const value = this.props.searchValue;
- this.setState({ searchValue: value })
+const Rectangle = styled.div`
+ width: 100%;
+ height: auto;
+ max-height: 300px;
+ overflow: auto;
+ border-radius: 4px;
+ background-color: #ffffff;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+ padding: 20px 24px 28px 24px;
+`
+
+const DemainItem = styled.li`
+ width: 100%;
+ height: 50px;
+ margin: 0 auto;
+ border-bottom: dotted 2px rgba(145, 168, 239, 0.3);
+ display: flex;
+ align-items: center;
+ >img{
+ margin-right: 13px;
}
+`
+
+class Subdomain extends Component {
+
+ state = {
+ newOwner: "",
+ subnode: "",
+ searchValue: "",
+ labels: [],
+ labelHash:"",
+ subdomain: [],
+ searchValueitem: "",
+ subdomainArray: [],
+ isItemShow: false
+ };
+
handleInputChange = (e) => {
const { name, value } = e.target;
this.setState({ [name]: value.toLowerCase() });
}
- handleSetSubnodeOwner = () => {
- if (this.state.newOwner.length !== 42) {
- this.props.handleWarningOpen('New Owner hash incorrect');
- return;
- }
- if (/[a-zA-Z0-9]+/g.test(this.state.subnode) === false) {
- this.props.handleWarningOpen('Subdomain incorrect');
- return;
- }
- let self = this;
- const to = getEthereumRegistryAddress(process.env.ENS_NETWORK);
- const subnodeData = setSubnodeOwner(this.props.searchValue, this.state.subnode, this.state.newOwner);
- this.props.web3.eth.sendTransaction({
- from: this.props.metaMask.account,
- to: to,
- value: 0,
- data: subnodeData }, function(err, result) {
- if (err) {
- self.props.handleWarningOpen(err.message);
- } else {
- const tx =
Tx: {result} ;
- self.props.handleWarningOpen(tx);
- }
+ handleWeb3Load = async () => {
+ if (window.web3 === null) return
+ let web3 = new Web3(window.web3.currentProvider);
+ const newOwnerEvents = await newOwnerEvent(web3, this.props.searchValue);
+ let labelsArr = [];
+ let unique = null;
+
+ newOwnerEvents.watch((error, result) => {
+ if (error) return console.log('error', error);
+ labelsArr.push(result.args.label.substring(2));
+ unique = Array.from(new Set(labelsArr));
+ })
+
+ setTimeout(() => {
+ this.setState({labels: unique},()=> this.labelsMap(this.state.labels));
+ }, 15000);
+
+ }
+
+ labelsMap = labels =>{
+ let labelsArr = labels == null ? [] : labels;
+ let labelHash = [];
+ let BidLength = labelsArr.length;
+ // let idx = 0;
+ if(BidLength!=0){
+ labelsArr.forEach(async hash => {
+ let dL = await decryptLabel([hash]);
+ // idx ++;
+ labelHash.push(dL.data[0]);
+ let result = [...(new Set(labelHash))];
+ this.subdomainCombination(result);
});
+ }else{
+ this.setState({"isItemShow": true});
+ }
+
+ }
+
+ subdomainCombination = (result) =>{
+ const { searchValue } = this.state;
+ let arr = [];
+ result.forEach((item, idx) =>{
+ if(item !== null){
+ arr.push(`${item}.${searchValue}`);
+ }
+ if(idx === result.length - 1){
+ this.setState({"subdomainArray": arr, "isItemShow": true})
+ }
+ })
+ }
+
+ componentDidMount(){
+ const value = this.props.searchValue;
+ this.setState({ searchValue: value })
+ this.handleWeb3Load();
}
render() {
- const domain = this.state.searchValue;
- const label = (this.state.subnode.length > 0) ? this.state.subnode + "." + domain : "
." + domain;
+ // const domain = this.state.searchValue;
+ const { subdomainArray } = this.state;
+ const { SetSubdomainPopOpen, handleSearchItemClick } = this.props;
+ // const label = (this.state.subnode.length > 0) ? this.state.subnode + "." + domain : "." + domain;
return (
-
-
+
SET SUBDOMAIN
- {/*
- */}
+
-
+ {
+ !this.state.isItemShow ?
+
:
+
+
+ Current Subdomain
+
+
+ {
+ subdomainArray.map(domain =>{
+ return (
+
+
+ )
+ })
+ }
+
+
+ }
+ {/*
+
+ SUBDOMAIN LIST
+ this.handleWeb3Load()}>
+
+ {
+ this.state.labels.map((hash,idx) => {
+ return (
+
+ )
+ })
+ }
+ */}
+
+ {/*
Domain: {label}
{ this.props.owner !== '0x0000000000000000000000000000000000000000' &&
this.props.owner === this.props.metaMask.account &&
@@ -97,8 +238,8 @@ class Subdomain extends Component {
this.props.owner === this.props.metaMask.account &&
this.handleSetSubnodeOwner()}>Create Subdomain
}
-
-
Tx: {result} ;
+ self.props.handleWarningOpen(tx);
+ }
+ });
+ }
+
+ render() {
+ return (
+
+
SET URL
+
+
+
+
Current URL
+
{this.props.url}
+
+ { this.props.owner !== '0x0000000000000000000000000000000000000000' &&
+ this.props.owner === this.props.metaMask.account &&
+
+
+ }
+ { this.props.owner !== '0x0000000000000000000000000000000000000000' &&
+ this.props.owner === this.props.metaMask.account &&
+
this.handleSetURL()}>Set URL
+ }
+
+
Tx: {result} ;
+ // this.props.handleWarningOpen(tx);
+ });
+ }
+
+
+
+ SetDefaultBtn = (account) =>{
+ this.setState({address: account},()=> this.handleSetAddress());
+ }
+
+
+ render() {
+ const { SetAddressClose } = this.props;
+ const { metaMask } = this.props.reoverData;
+
+ return (
+
+ Set Resolver
+ Enter the resolver you assigned, or use the default value to complete the setup.
+
+
+
+
+ this.SetDefaultBtn(metaMask.account)}>Set Default
+ Set Address
+
+
+ )
+ }
+}
diff --git a/src/components/SetIpfsPop/index.js b/src/components/SetIpfsPop/index.js
new file mode 100644
index 0000000..07245e5
--- /dev/null
+++ b/src/components/SetIpfsPop/index.js
@@ -0,0 +1,130 @@
+import React, { Component } from 'react'
+import styled from 'styled-components';
+import closeSvg from "../../images/ic-close.svg";
+import { getEthereumResolverAddress, getEtherscanUrl } from '../../lib/web3Service';
+import { setContent } from '../../lib/resolverService';
+const half = num => {
+ return `${-(num / 2)}px`
+}
+const TOPop = styled.div`
+ position: fixed;
+ width: 335px;
+ height: auto;
+ overflow: hidden;
+ border-radius: 6px;
+ background-color: rgba(5, 21, 74, 0.95);
+ top: 50%;
+ left: 50%;
+ margin-left: ${half(335)};
+ margin-top: ${half(394)};
+ padding: 20px 24px 28px 24px;
+ >h1{
+ display: block;
+ width: 100%;
+ position: relative;
+ font-family: SFProText;
+ font-size: 14px;
+ line-height: 1.3;
+ color: #ffffff;
+ margin-bottom: 14px;
+ >a{
+ cursor: pointer;
+ position: absolute;
+ top: 3px;
+ right: 0;
+ display: block;
+ width: 10.5px;
+ height: 10.5px;
+ }
+ }
+ >p{
+ font-family: SFProText;
+ font-size: 12px;
+ line-height: 1.6;
+ letter-spacing: 0.6px;
+ color: #ffffff;
+ padding-top: 10px;
+ text-align: left;
+ }
+`;
+const InputItem = styled.input`
+ font-family: SFProText;
+ font-size: 12px;
+ width: 287px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #ffffff;
+ margin-top: 16px;
+ padding-left: 11px;
+ border: 0;
+ margin-bottom: 14px;
+ &::placeholder {
+ color: #aeaeae;
+ opacity: 1;
+ }
+`;
+
+const SeedBtn = styled.a`
+ cursor: pointer;
+ width: 288px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #314184;
+ font-family: SFProText;
+ font-size: 12px;
+ font-weight: 600;
+ color: #ffffff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+`
+export default class extends Component {
+
+ state={
+ hash: "",
+ }
+
+ handleInputChange = (e) =>{
+ const {name, value} = e.target;
+ this.setState({[name]: value})
+ }
+
+ handleSetIPFSHash = () => {
+ if (this.state.hash.length !== 46) {
+ this.props.handleWarningOpen('IPFS Hash incorrect');
+ return;
+ }
+
+ const { metaMask, web3, searchValue } = this.props.reoverData;
+ const to = getEthereumResolverAddress();
+ const ipfsData = setContent(searchValue, this.state.hash);
+ web3.eth.sendTransaction({
+ from: metaMask.account,
+ to: to,
+ value: 0,
+ data: ipfsData
+ },(err, result)=> {
+ if (err) return alert(err.message);
+ alert("Success");
+ window.open(getEtherscanUrl(result));
+ this.props.SetIpfsClose();
+ });
+ }
+
+ render() {
+ const { SetIpfsClose } = this.props;
+ return (
+
+ Set IPFS HASH
+ Enter your specified IPFS hash, you will be able to visit the Dweb (with the installation of browser extension).
+ Set IPFS Hash
+
+ )
+ }
+}
diff --git a/src/components/SetResolver/index.js b/src/components/SetResolver/index.js
new file mode 100644
index 0000000..1429377
--- /dev/null
+++ b/src/components/SetResolver/index.js
@@ -0,0 +1,169 @@
+import React, { Component } from 'react';
+import styled, { css } from 'styled-components';
+import closeSvg from "../../images/ic-close.svg";
+import { getEthereumResolverAddress, getEthereumRegistryAddress, getEtherscanUrl } from '../../lib/web3Service';
+import { setResolver } from '../../lib/registryService';
+const half = num =>{
+ return `${-(num / 2)}px`
+}
+const SetResoverPop = styled.div`
+ position: fixed;
+ width: 335px;
+ height: 226px;
+ border-radius: 6px;
+ background-color: rgba(5, 21, 74, 0.95);
+ top: 50%;
+ left: 50%;
+ margin-left: ${half(335)};
+ margin-top: ${half(226)};
+ padding: 20px 24px;
+ >h1{
+ display: block;
+ width: 100%;
+ position: relative;
+ font-family: SFProText;
+ font-size: 14px;
+ line-height: 1.3;
+ color: #ffffff;
+ >a{
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: block;
+ width: 10.5px;
+ height: 10.5px;
+ }
+ }
+ >p{
+ font-family: SFProText;
+ font-size: 12px;
+ line-height: 1.6;
+ letter-spacing: 0.6px;
+ color: #ffffff;
+ padding-top: 10px;
+ text-align: left;
+ }
+`;
+
+const ResoverInout = styled.input`
+ width: 287px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #ffffff;
+ font-family: SFProText;
+ font-size: 12px;
+ color: #aeaeae;
+ padding-left: 11px;
+ margin-top: 20px;
+`
+const BtnBox = styled.div`
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 14px;
+`
+const SerResoverBtn = styled.a`
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 138.5px;
+ height: 36px;
+ border-radius: 4px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ font-family: SFProText;
+ font-size: 12px;
+ font-weight: 600;
+ color: #ffffff;
+
+ ${props => props.Resolver && css`
+ background-color: #314184;
+ border: 0px;
+ `}
+`
+
+export default class extends Component {
+
+ state = {
+ resolverAddr: ""
+ }
+
+ handleInputChange = (e) => {
+ const { name, value } = e.target;
+ this.setState({ [name]: value.toLowerCase() });
+ }
+
+ handleDefaultResolver = (callback) => {
+ const resolverAddr = getEthereumResolverAddress();
+ console.log('resolverAddr:',resolverAddr);
+ this.setState({resolverAddr: resolverAddr}, ()=>{
+ if(callback) callback();
+ });
+ }
+
+ handleSetResovler = (type) => {
+ const { EditResCloseFn } = this.props;
+ if(type === "Default"){
+ return this.handleDefaultResolver(()=> this.gotoSetResovler());
+ }
+ if (this.state.resolverAddr.length !== 42) {
+ EditResCloseFn();
+ return alert("Resolver hash incorrect")
+ }
+ this.gotoSetResovler();
+ }
+
+ gotoSetResovler = () =>{
+ const { EditResCloseFn } = this.props;
+ const {web3, searchValue, metaMask, handleWarningOpen} = this.props.reoverData;
+ const to = getEthereumRegistryAddress();
+ const resolverData = setResolver(searchValue, this.state.resolverAddr);
+ web3.eth.sendTransaction({
+ from: metaMask.account,
+ to: to,
+ value: 0,
+ data: resolverData
+ }, (err, result)=> {
+ if (err) {
+ EditResCloseFn();
+ return alert(err.message);
+ }
+ const tx = Tx: {result} ;
+ EditResCloseFn();
+ handleWarningOpen(tx);
+ });
+ }
+
+
+ render() {
+ const { resolverAddr } = this.state
+ const { EditResCloseFn } = this.props;
+ const { owner, metaMask } = this.props.reoverData;
+ return (
+
+ Set Resolver
+ Enter the resolver you assigned, or use the default value to complete the setup.
+ {/* {
+ owner !== '0x0000000000000000000000000000000000000000' && owner === metaMask.account && */}
+
+
+
+
+
+ this.handleSetResovler('Default')}>Set Default
+ this.handleSetResovler()}>Set Resolver
+
+
+ {/* } */}
+
+ )
+ }
+}
diff --git a/src/components/SetSubdomainPop/index.js b/src/components/SetSubdomainPop/index.js
new file mode 100644
index 0000000..a336ebd
--- /dev/null
+++ b/src/components/SetSubdomainPop/index.js
@@ -0,0 +1,130 @@
+import React, { Component } from 'react'
+import styled from 'styled-components';
+import closeSvg from "../../images/ic-close.svg";
+import { getEthereumRegistryAddress, getEtherscanUrl } from '../../lib/web3Service';
+import { setSubnodeOwner, getOwner } from '../../lib/registryService';
+const half = num =>{
+ return `${-(num / 2)}px`
+}
+const TOPop = styled.div`
+ position: fixed;
+ width: 335px;
+ height: auto;
+ overflow: hidden;
+ border-radius: 6px;
+ background-color: rgba(5, 21, 74, 0.95);
+ top: 50%;
+ left: 50%;
+ margin-left: ${half(335)};
+ margin-top: ${half(394)};
+ padding: 20px 24px 28px 24px;
+ >h1{
+ display: block;
+ width: 100%;
+ position: relative;
+ font-family: SFProText;
+ font-size: 14px;
+ line-height: 1.3;
+ color: #ffffff;
+ margin-bottom: 14px;
+ >a{
+ cursor: pointer;
+ position: absolute;
+ top: 3px;
+ right: 0;
+ display: block;
+ width: 10.5px;
+ height: 10.5px;
+ }
+ }
+ >p{
+ font-family: SFProText;
+ font-size: 12px;
+ line-height: 1.6;
+ letter-spacing: 0.6px;
+ color: #ffffff;
+ padding-top: 10px;
+ text-align: left;
+ }
+`;
+const InputItem = styled.input`
+ font-family: SFProText;
+ font-size: 12px;
+ width: 287px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #ffffff;
+ margin-top: 16px;
+ padding-left: 11px;
+ border: 0;
+ margin-bottom: 14px;
+ &::placeholder {
+ color: #aeaeae;
+ opacity: 1;
+ }
+`;
+
+const SeedBtn = styled.a`
+ cursor: pointer;
+ width: 288px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #314184;
+ font-family: SFProText;
+ font-size: 12px;
+ font-weight: 600;
+ color: #ffffff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+`
+export default class extends Component {
+
+ state={
+ address: "",
+ subnode: "",
+ searchValue: "",
+ }
+
+ handleInputChange = (e) =>{
+ const {name, value} = e.target;
+ this.setState({[name]: value})
+ }
+
+ handleSetSubnodeOwner = () => {
+ if (/[a-zA-Z0-9]+/g.test(this.state.subnode) === false) return alert('Subdomain incorrect');
+ const { searchValue, metaMask, web3, owner } = this.props.reoverData;
+ const to = getEthereumRegistryAddress();
+ const subnodeData = setSubnodeOwner(searchValue, this.state.subnode, owner);
+
+ web3.eth.sendTransaction({
+ from: metaMask.account,
+ to: to,
+ value: 0,
+ data: subnodeData
+ },(err, result)=> {
+ if (err) return alert(err.message);
+ alert("Success");
+ window.open(getEtherscanUrl(result));
+ this.props.SetSubdomainPopClose();
+ });
+
+ }
+
+ render() {
+ const { SetSubdomainPopClose } = this.props;
+
+ return (
+
+ Set Subdomain
+ Enter the subdomain name you desire, it will show as ＜subdomain＞ . christopher.eth
+ Create Subdomain
+
+ )
+ }
+}
diff --git a/src/components/TransferOwnerPop/index.js b/src/components/TransferOwnerPop/index.js
new file mode 100644
index 0000000..e98114f
--- /dev/null
+++ b/src/components/TransferOwnerPop/index.js
@@ -0,0 +1,156 @@
+import React, { Component } from 'react'
+import styled from 'styled-components';
+import closeSvg from "../../images/ic-close.svg";
+import { getEthereumRegistrarAddress, getEtherscanUrl } from '../../lib/web3Service';
+import { transfer } from '../../lib/registrarService';
+const half = num =>{
+ return `${-(num / 2)}px`
+}
+const TOPop = styled.div`
+ position: fixed;
+ width: 335px;
+ height: auto;
+ overflow: hidden;
+ border-radius: 6px;
+ background-color: rgba(5, 21, 74, 0.95);
+ top: 50%;
+ left: 50%;
+ margin-left: ${half(335)};
+ margin-top: ${half(394)};
+ padding: 20px 24px 28px 24px;
+ >h1{
+ display: block;
+ width: 100%;
+ position: relative;
+ font-family: SFProText;
+ font-size: 14px;
+ line-height: 1.3;
+ color: #ffffff;
+ margin-bottom: 14px;
+ >a{
+ cursor: pointer;
+ position: absolute;
+ top: 3px;
+ right: 0;
+ display: block;
+ width: 10.5px;
+ height: 10.5px;
+ }
+ }
+ >p{
+ font-family: SFProText;
+ font-size: 12px;
+ line-height: 1.6;
+ letter-spacing: 0.6px;
+ color: #ffffff;
+ padding-top: 10px;
+ text-align: left;
+ }
+`;
+
+const Title = styled.div`
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+ border-top: dotted 2px rgba(145, 168, 239, 0.2);
+ border-bottom: dotted 2px rgba(145, 168, 239, 0.2);
+ margin-top: 15px;
+ padding: 15px 0;
+ >h2{
+ font-family: SFProText;
+ font-size: 10px;
+ font-weight: bold;
+ line-height: 1.6;
+ color: #ffffff;
+ }
+ >p{
+ font-family: SFProText;
+ font-size: 12px;
+ line-height: 1.6;
+ letter-spacing: 0.6px;
+ color: #ffffff;
+ text-align: left;
+ }
+`;
+
+const InputItem = styled.input`
+ font-family: SFProText;
+ font-size: 12px;
+ width: 287px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #ffffff;
+ margin-top: 16px;
+ padding-left: 11px;
+ border: 0;
+ margin-bottom: 14px;
+ &::placeholder {
+ color: #aeaeae;
+ opacity: 1;
+ }
+`;
+
+const TransferBtn = styled.a`
+ cursor: pointer;
+ width: 287px;
+ height: 36px;
+ border-radius: 4px;
+ background-color: #314184;
+ font-family: SFProText;
+ font-size: 12px;
+ font-weight: 600;
+ color: #ffffff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+`
+export default class extends Component {
+
+ state={
+ address: "",
+ }
+
+ handAddress = (e) =>{
+ const {name, value} = e.target;
+ this.setState({[name]: value})
+ }
+
+ seedTransFerAddress = () =>{
+ if(this.state.address === "") return alert("Address must not be empty");
+ if(this.state.address.length < 42) return alert("Address format error");
+ const { searchValue, web3, metaMask } = this.props.reoverData;
+ const to = getEthereumRegistrarAddress();
+ const subnodeData = transfer(searchValue.replace(".eth", ""), this.state.address);
+ web3.eth.sendTransaction({
+ from: metaMask.account,
+ to: to,
+ value: 0,
+ data: subnodeData
+ },(err, result)=> {
+ if (err) return alert(err.message);
+ alert("Success");
+ window.open(getEtherscanUrl(result));
+ this.props.TransferOwnerClose();
+ });
+ }
+
+ render() {
+ const { TransferOwnerClose } = this.props;
+ const { searchValue } = this.props.reoverData;
+ return (
+
+ Transfer Domain Name Owner
+ Domain transfer needs to wait for the transaction to be confirmed, you won’t be able to access it during this period
+
+ <h2>TRANSFERING DOMAIN NAME</h2>
+ <p>{searchValue}</p>
+
+
+ Transfer
+
+
+ )
+ }
+}
diff --git a/src/components/Warning/Warning.js b/src/components/Warning/Warning.js
index 8b49142..0ee7570 100644
--- a/src/components/Warning/Warning.js
+++ b/src/components/Warning/Warning.js
@@ -11,7 +11,7 @@ export const Warning = (props) => (
autoHideDuration={6000}
open={props.warning.open}
onRequestClose={props.handleWarningClose}
- SnackbarContentProps={{
+ snackbarContentProps={{
'aria-describedby': 'message-id',
}}
message={{props.warning.message} }
diff --git a/src/images/bg-gradient@3x.png b/src/images/bg-gradient@3x.png
new file mode 100755
index 0000000..3115388
Binary files /dev/null and b/src/images/bg-gradient@3x.png differ
diff --git a/src/images/ic-add.svg b/src/images/ic-add.svg
new file mode 100755
index 0000000..13f5eb1
--- /dev/null
+++ b/src/images/ic-add.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-arrow.svg b/src/images/ic-arrow.svg
new file mode 100755
index 0000000..40f522d
--- /dev/null
+++ b/src/images/ic-arrow.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-cipher.svg b/src/images/ic-cipher.svg
new file mode 100755
index 0000000..ce706ee
--- /dev/null
+++ b/src/images/ic-cipher.svg
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/src/images/ic-close.svg b/src/images/ic-close.svg
new file mode 100755
index 0000000..b1f6c3f
--- /dev/null
+++ b/src/images/ic-close.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-coinbase-wallet-copy.svg b/src/images/ic-coinbase-wallet-copy.svg
new file mode 100755
index 0000000..a3a7986
--- /dev/null
+++ b/src/images/ic-coinbase-wallet-copy.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-edit.svg b/src/images/ic-edit.svg
new file mode 100755
index 0000000..7bc76e1
--- /dev/null
+++ b/src/images/ic-edit.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-ipfs-off.svg b/src/images/ic-ipfs-off.svg
new file mode 100755
index 0000000..bf881ad
--- /dev/null
+++ b/src/images/ic-ipfs-off.svg
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/src/images/ic-ipfs-on.svg b/src/images/ic-ipfs-on.svg
new file mode 100644
index 0000000..380ed25
--- /dev/null
+++ b/src/images/ic-ipfs-on.svg
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/src/images/ic-link.svg b/src/images/ic-link.svg
new file mode 100755
index 0000000..951fe64
--- /dev/null
+++ b/src/images/ic-link.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-metamask-fox.svg b/src/images/ic-metamask-fox.svg
new file mode 100755
index 0000000..9de9c5c
--- /dev/null
+++ b/src/images/ic-metamask-fox.svg
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/images/ic-overview-on.svg b/src/images/ic-overview-on.svg
new file mode 100755
index 0000000..871fd7b
--- /dev/null
+++ b/src/images/ic-overview-on.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-remove.svg b/src/images/ic-remove.svg
new file mode 100755
index 0000000..355ef04
--- /dev/null
+++ b/src/images/ic-remove.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-resolver-off.svg b/src/images/ic-resolver-off.svg
new file mode 100755
index 0000000..a56f9ce
--- /dev/null
+++ b/src/images/ic-resolver-off.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-resolver-on.svg b/src/images/ic-resolver-on.svg
new file mode 100755
index 0000000..44bc043
--- /dev/null
+++ b/src/images/ic-resolver-on.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-search-btn.svg b/src/images/ic-search-btn.svg
new file mode 100755
index 0000000..759077c
--- /dev/null
+++ b/src/images/ic-search-btn.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-subdomain-off.svg b/src/images/ic-subdomain-off.svg
new file mode 100755
index 0000000..0c5bebf
--- /dev/null
+++ b/src/images/ic-subdomain-off.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-subdomain-on.svg b/src/images/ic-subdomain-on.svg
new file mode 100755
index 0000000..e5c8db2
--- /dev/null
+++ b/src/images/ic-subdomain-on.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-sync.svg b/src/images/ic-sync.svg
new file mode 100755
index 0000000..a634c35
--- /dev/null
+++ b/src/images/ic-sync.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-transfer.svg b/src/images/ic-transfer.svg
new file mode 100644
index 0000000..cdb7888
--- /dev/null
+++ b/src/images/ic-transfer.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/images/ic-wallet-off.svg b/src/images/ic-wallet-off.svg
new file mode 100755
index 0000000..8f0d5a9
--- /dev/null
+++ b/src/images/ic-wallet-off.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/ic-wallet-on.svg b/src/images/ic-wallet-on.svg
new file mode 100644
index 0000000..6ff40de
--- /dev/null
+++ b/src/images/ic-wallet-on.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/img-landing-page-image@3x.png b/src/images/img-landing-page-image@3x.png
new file mode 100755
index 0000000..2a1ffb6
Binary files /dev/null and b/src/images/img-landing-page-image@3x.png differ
diff --git a/src/images/rectangle-6-copy-2.svg b/src/images/rectangle-6-copy-2.svg
new file mode 100755
index 0000000..5a34622
--- /dev/null
+++ b/src/images/rectangle-6-copy-2.svg
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/images/status-2-x.svg b/src/images/status-2-x.svg
new file mode 100755
index 0000000..97420ca
--- /dev/null
+++ b/src/images/status-2-x.svg
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/images/t.svg b/src/images/t.svg
new file mode 100755
index 0000000..f143196
--- /dev/null
+++ b/src/images/t.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/images/te.svg b/src/images/te.svg
new file mode 100755
index 0000000..6e61d1c
--- /dev/null
+++ b/src/images/te.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/index.css b/src/index.css
index b4cc725..dc1f0a7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,6 @@
-body {
+*{
margin: 0;
padding: 0;
+ box-sizing: border-box;
font-family: sans-serif;
}
diff --git a/src/lib/ipfsService.js b/src/lib/ipfsService.js
new file mode 100644
index 0000000..c56fd5a
--- /dev/null
+++ b/src/lib/ipfsService.js
@@ -0,0 +1,14 @@
+import ipfsAPI from 'ipfs-api';
+
+const ipfs = ipfsAPI({host: 'ipfs.infura.io', port: '5001', protocol: 'https'});
+
+export const add = async (files) => {
+ try {
+ const hash = await ipfs.files.add(files, { recursive: false });
+
+ return hash;
+ } catch (err) {
+ console.log('add: ', files, err);
+ return 'add not found';
+ }
+}
diff --git a/src/lib/registrarService.js b/src/lib/registrarService.js
index 4e8eb0b..c11b585 100644
--- a/src/lib/registrarService.js
+++ b/src/lib/registrarService.js
@@ -1,5 +1,6 @@
import { getEthereumProvider, getEthereumRegistrarAddress } from './web3Service';
import Registrar from './registrar';
+import namehash from "eth-ens-namehash";
const abi = require('ethereumjs-abi');
const Web3 = require('web3');
let web3 = new Web3();
diff --git a/src/lib/resolver.js b/src/lib/resolver.js
index c32022f..a8d29e2 100644
--- a/src/lib/resolver.js
+++ b/src/lib/resolver.js
@@ -1,287 +1,452 @@
const Promise = require('bluebird');
const resolverInterface = [
- {
- constant: true,
- inputs: [
- {
- name: 'interfaceID',
- type: 'bytes4'
- }
- ],
- name: 'supportsInterface',
- outputs: [
- {
- name: '',
- type: 'bool'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: true,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'contentTypes',
- type: 'uint256'
- }
- ],
- name: 'ABI',
- outputs: [
- {
- name: 'contentType',
- type: 'uint256'
- }, {
- name: 'data',
- type: 'bytes'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: false,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'x',
- type: 'bytes32'
- }, {
- name: 'y',
- type: 'bytes32'
- }
- ],
- name: 'setPubkey',
- outputs: [],
- payable: false,
- type: 'function'
- }, {
- constant: true,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }
- ],
- name: 'content',
- outputs: [
- {
- name: 'ret',
- type: 'bytes32'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: true,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }
- ],
- name: 'addr',
- outputs: [
- {
- name: 'ret',
- type: 'address'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: false,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'contentType',
- type: 'uint256'
- }, {
- name: 'data',
- type: 'bytes'
- }
- ],
- name: 'setABI',
- outputs: [],
- payable: false,
- type: 'function'
- }, {
- constant: true,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }
- ],
- name: 'name',
- outputs: [
- {
- name: 'ret',
- type: 'string'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: false,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'name',
- type: 'string'
- }
- ],
- name: 'setName',
- outputs: [],
- payable: false,
- type: 'function'
- }, {
- constant: false,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'hash',
- type: 'bytes32'
- }
- ],
- name: 'setContent',
- outputs: [],
- payable: false,
- type: 'function'
- }, {
- constant: true,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }
- ],
- name: 'pubkey',
- outputs: [
- {
- name: 'x',
- type: 'bytes32'
- }, {
- name: 'y',
- type: 'bytes32'
- }
- ],
- payable: false,
- type: 'function'
- }, {
- constant: false,
- inputs: [
- {
- name: 'node',
- type: 'bytes32'
- }, {
- name: 'addr',
- type: 'address'
- }
- ],
- name: 'setAddr',
- outputs: [],
- payable: false,
- type: 'function'
- }, {
- inputs: [
- {
- name: 'ensAddr',
- type: 'address'
- }
- ],
- payable: false,
- type: 'constructor'
- }, {
- anonymous: false,
- inputs: [
- {
- indexed: true,
- name: 'node',
- type: 'bytes32'
- }, {
- indexed: false,
- name: 'a',
- type: 'address'
- }
- ],
- name: 'AddrChanged',
- type: 'event'
- }, {
- anonymous: false,
- inputs: [
- {
- indexed: true,
- name: 'node',
- type: 'bytes32'
- }, {
- indexed: false,
- name: 'hash',
- type: 'bytes32'
- }
- ],
- name: 'ContentChanged',
- type: 'event'
- }, {
- anonymous: false,
- inputs: [
- {
- indexed: true,
- name: 'node',
- type: 'bytes32'
- }, {
- indexed: false,
- name: 'name',
- type: 'string'
- }
- ],
- name: 'NameChanged',
- type: 'event'
- }, {
- anonymous: false,
- inputs: [
- {
- indexed: true,
- name: 'node',
- type: 'bytes32'
- }, {
- indexed: true,
- name: 'contentType',
- type: 'uint256'
- }
- ],
- name: 'ABIChanged',
- type: 'event'
- }, {
- anonymous: false,
- inputs: [
- {
- indexed: true,
- name: 'node',
- type: 'bytes32'
- }, {
- indexed: false,
- name: 'x',
- type: 'bytes32'
- }, {
- indexed: false,
- name: 'y',
- type: 'bytes32'
- }
- ],
- name: 'PubkeyChanged',
- type: 'event'
- }
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "interfaceID",
+ "type": "bytes4"
+ }
+ ],
+ "name": "supportsInterface",
+ "outputs": [
+ {
+ "name": "",
+ "type": "bool"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "pure",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "key",
+ "type": "string"
+ },
+ {
+ "name": "value",
+ "type": "string"
+ }
+ ],
+ "name": "setText",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "contentTypes",
+ "type": "uint256"
+ }
+ ],
+ "name": "ABI",
+ "outputs": [
+ {
+ "name": "contentType",
+ "type": "uint256"
+ },
+ {
+ "name": "data",
+ "type": "bytes"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "x",
+ "type": "bytes32"
+ },
+ {
+ "name": "y",
+ "type": "bytes32"
+ }
+ ],
+ "name": "setPubkey",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ }
+ ],
+ "name": "content",
+ "outputs": [
+ {
+ "name": "",
+ "type": "bytes32"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ }
+ ],
+ "name": "addr",
+ "outputs": [
+ {
+ "name": "",
+ "type": "address"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "key",
+ "type": "string"
+ }
+ ],
+ "name": "text",
+ "outputs": [
+ {
+ "name": "",
+ "type": "string"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "contentType",
+ "type": "uint256"
+ },
+ {
+ "name": "data",
+ "type": "bytes"
+ }
+ ],
+ "name": "setABI",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ }
+ ],
+ "name": "name",
+ "outputs": [
+ {
+ "name": "",
+ "type": "string"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "name",
+ "type": "string"
+ }
+ ],
+ "name": "setName",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "hash",
+ "type": "bytes"
+ }
+ ],
+ "name": "setMultihash",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "hash",
+ "type": "bytes32"
+ }
+ ],
+ "name": "setContent",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ }
+ ],
+ "name": "pubkey",
+ "outputs": [
+ {
+ "name": "x",
+ "type": "bytes32"
+ },
+ {
+ "name": "y",
+ "type": "bytes32"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "constant": false,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "name": "addr",
+ "type": "address"
+ }
+ ],
+ "name": "setAddr",
+ "outputs": [],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "constant": true,
+ "inputs": [
+ {
+ "name": "node",
+ "type": "bytes32"
+ }
+ ],
+ "name": "multihash",
+ "outputs": [
+ {
+ "name": "",
+ "type": "bytes"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "name": "ensAddr",
+ "type": "address"
+ }
+ ],
+ "payable": false,
+ "stateMutability": "nonpayable",
+ "type": "constructor"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "a",
+ "type": "address"
+ }
+ ],
+ "name": "AddrChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "hash",
+ "type": "bytes32"
+ }
+ ],
+ "name": "ContentChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "name",
+ "type": "string"
+ }
+ ],
+ "name": "NameChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": true,
+ "name": "contentType",
+ "type": "uint256"
+ }
+ ],
+ "name": "ABIChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "x",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "y",
+ "type": "bytes32"
+ }
+ ],
+ "name": "PubkeyChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "indexedKey",
+ "type": "string"
+ },
+ {
+ "indexed": false,
+ "name": "key",
+ "type": "string"
+ }
+ ],
+ "name": "TextChanged",
+ "type": "event"
+ },
+ {
+ "anonymous": false,
+ "inputs": [
+ {
+ "indexed": true,
+ "name": "node",
+ "type": "bytes32"
+ },
+ {
+ "indexed": false,
+ "name": "hash",
+ "type": "bytes"
+ }
+ ],
+ "name": "MultihashChanged",
+ "type": "event"
+ }
];
/**
@@ -296,13 +461,12 @@ function Resolver(web3, address) {
/**
*
* @param {*} name
- * @param {*} content
* @param {*} callback
*/
-Resolver.prototype.setContent = function (name, content, callback) {
+Resolver.prototype.contentHash = function (name, callback) {
return this.resolverPromise.then(function (resolver) {
- return resolver.setContentAsync(name, content);
- });
+ return resolver.contentAsync(name);
+ })
}
/**
@@ -310,9 +474,9 @@ Resolver.prototype.setContent = function (name, content, callback) {
* @param {*} name
* @param {*} callback
*/
-Resolver.prototype.contentHash = function (name, callback) {
+Resolver.prototype.address = function (name, callback) {
return this.resolverPromise.then(function (resolver) {
- return resolver.contentAsync(name);
+ return resolver.addrAsync(name);
})
}
@@ -321,9 +485,9 @@ Resolver.prototype.contentHash = function (name, callback) {
* @param {*} name
* @param {*} callback
*/
-Resolver.prototype.address = function (name, callback) {
+Resolver.prototype.getText = function(name, key, callback) {
return this.resolverPromise.then(function (resolver) {
- return resolver.addrAsync(name);
+ return resolver.textAsync(name, key);
})
}
diff --git a/src/lib/resolverService.js b/src/lib/resolverService.js
index 9786f9a..6c9622c 100644
--- a/src/lib/resolverService.js
+++ b/src/lib/resolverService.js
@@ -31,7 +31,8 @@ export const setContent = (name, content) => {
/**
*
* @param {*} name
- * @param {*} resolver
+ * @param {*} resolverAddr
+ * @param {*} web3Provider
*/
export const getContent = async (name, resolverAddr, web3Provider) => {
try {
@@ -64,7 +65,8 @@ export const setAddress = (name, address) => {
/**
*
* @param {*} name
- * @param {*} resolver
+ * @param {*} resolverAddr
+ * @param {*} web3Provider
*/
export const getAddress = async (name, resolverAddr, web3Provider) => {
try {
@@ -76,3 +78,51 @@ export const getAddress = async (name, resolverAddr, web3Provider) => {
return 'getAddress not found';
}
}
+
+/**
+ *
+ * @param {*} name
+ * @param {*} key
+ * @param {*} value
+ */
+export const setText = (name, key, value) => {
+ try {
+ let byteData = "0x" +
+ abi.methodID("setText", ["bytes32", "string", "string"]).toString("hex") +
+ abi.rawEncode(["bytes32", "string", "string"], [namehash.hash(name), key, value]).toString("hex");
+ return byteData;
+ } catch (err) {
+ console.log('setText: ', name, key, value, err);
+ return 'setText error';
+ }
+}
+
+/**
+ *
+ * @param {*} name
+ * @param {*} key
+ * @param {*} resolverAddr
+ * @param {*} web3Provider
+ */
+export const getText = async (name, key, resolverAddr, web3Provider) => {
+ try {
+ resolver = new Resolver(web3Provider, resolverAddr);
+ const content = await resolver.getText(namehash.hash(name), key);
+ console.log('text', content);
+ return content;
+ } catch (err) {
+ console.log('getText: ', name, key, err);
+ return 'getText not found';
+ }
+}
+
+export const getSupportsInterface = async (method, resolverAddr, web3Provider) => {
+ try {
+ resolver = new Resolver(web3Provider, resolverAddr);
+ const content = await resolver.supportsInterface(method);
+ return content;
+ } catch (err) {
+ console.log('getSupportsInterface: ', method, err);
+ return 'getSupportsInterface not found';
+ }
+}
diff --git a/src/lib/web3Service.js b/src/lib/web3Service.js
index bd20cc4..71c3c11 100644
--- a/src/lib/web3Service.js
+++ b/src/lib/web3Service.js
@@ -1,4 +1,22 @@
-export const getEthereumProvider = (networkId = '1') => {
+const isSupTestNet = false;
+const nId = isSupTestNet ? "3" : "1";
+const RegistrarAddr = '0xc19fd9004b5c9789391679de6d766b981db94610';
+const RegistryAddr = '0x112234455c3a32fd11230c42e7bccd4a84e02010';
+const ResolverAddr = '0x4c641fb9bad9b60ef180c31f56051ce826d21a9a';
+
+export const getEtherscanUrl = (result, networkId = nId) => {
+ switch (networkId) {
+ case '1':
+ return `https://etherscan.io/tx/${result}`;
+ case '3':
+ return `https://ropsten.etherscan.io/tx/${result}`;
+ default:
+ return `https://ropsten.etherscan.io/tx/${result}`;
+ }
+}
+
+
+export const getEthereumProvider = (networkId = nId) => {
switch (networkId) {
case '1':
return 'https://mainnet.infura.io/';
@@ -13,34 +31,34 @@ export const getEthereumProvider = (networkId = '1') => {
}
}
-export const getEthereumRegistrarAddress = (networkId = '1') => {
+export const getEthereumRegistrarAddress = (networkId = nId) => {
switch (networkId) {
case '1':
return '0x6090A6e47849629b7245Dfa1Ca21D94cd15878Ef';
case '3':
- return '0x0';
+ return isSupTestNet ? RegistrarAddr : '0x0';
default:
return '0x0';
}
}
-export const getEthereumRegistryAddress = (networkId = '1') => {
+export const getEthereumRegistryAddress = (networkId = nId) => {
switch (networkId) {
case '1':
return '0x314159265dD8dbb310642f98f50C066173C1259b';
case '3':
- return '0x0';
+ return isSupTestNet ? RegistryAddr : '0x0';
default:
return '0x0';
}
}
-export const getEthereumResolverAddress = (networkId = '1') => {
+export const getEthereumResolverAddress = (networkId = nId) => {
switch (networkId) {
case '1':
- return '0x5ffc014343cd971b7eb70732021e26c35b744cc4';
+ return '0x0b3ebeccc00e9ceae2bf3235d558eda7398be91e';
case '3':
- return '0x0';
+ return isSupTestNet ? ResolverAddr : '0x0';
default:
return '0x0';
}
diff --git a/src/test/event.test.js b/src/test/event.test.js
deleted file mode 100644
index 92433dd..0000000
--- a/src/test/event.test.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { eventListener } from '../src/lib/registry';
-
-describe('event', () => {
- it('listener', () => {
- console.log('hi');
- });
-});
\ No newline at end of file
diff --git a/src/test/icon-iot.png b/src/test/icon-iot.png
new file mode 100644
index 0000000..335702e
Binary files /dev/null and b/src/test/icon-iot.png differ
diff --git a/src/test/ipfsService.test.js b/src/test/ipfsService.test.js
new file mode 100644
index 0000000..8e39297
--- /dev/null
+++ b/src/test/ipfsService.test.js
@@ -0,0 +1,8 @@
+//const ipfsAPI = require('ipfs-api');
+
+it('ipfs', () => {
+ //const ipfs = ipfsAPI({host: 'ipfs.infura.io', port: '5001', protocol: 'https'});
+ console.log('add');
+});
+
+
diff --git a/src/test/upload.js b/src/test/upload.js
new file mode 100644
index 0000000..0a99080
--- /dev/null
+++ b/src/test/upload.js
@@ -0,0 +1,19 @@
+var ipfsAPI = require('ipfs-api');
+var fs = require('fs');
+
+const ipfs = ipfsAPI({host: 'ipfs.infura.io', port: '5001', protocol: 'https'});
+
+const content = fs.readFileSync(__dirname + "/icon-iot.png");
+console.log(content);
+const buffer = new Buffer(content);
+//console.log(buffer.toString('utf8'));
+const files = [
+ {
+ path: "icon-iot.png",
+ content: buffer
+ }
+]
+console.log(files);
+ipfs.files.add(files).then(function(result) {
+ console.log(result);
+})
\ No newline at end of file
+ 
-