diff --git a/src/components/SearchBar/URL/URL.scss b/src/components/SearchBar/URL/URL.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/SetAddressPop/index.js b/src/components/SetAddressPop/index.js
new file mode 100644
index 0000000..e581beb
--- /dev/null
+++ b/src/components/SetAddressPop/index.js
@@ -0,0 +1,157 @@
+import React, { Component } from 'react';
+import styled, { css } from 'styled-components';
+import closeSvg from "../../images/ic-close.svg";
+import { getEthereumResolverAddress, getEtherscanUrl } from '../../lib/web3Service';
+import { setAddress } from '../../lib/resolverService';
+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 AddressInout = 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 SerAddressBtn = 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 = {
+ address: "",
+ }
+
+ handleInputChange = e => {
+ const { name, value } = e.target;
+ this.setState({ [name]: value.toLowerCase() });
+ }
+
+
+ handleSetAddress = () => {
+ if (this.state.address.length !== 42){
+ alert('Address hash incorrect');
+ // this.props.handleWarningOpen('Address hash incorrect');
+ return;
+ }
+
+ const { searchValue, metaMask, web3 } = this.props.reoverData;
+ const to = getEthereumResolverAddress();
+ const addressData = setAddress(searchValue, this.state.address);
+
+ web3.eth.sendTransaction({
+ from: metaMask.account,
+ to: to,
+ value: 0,
+ data: addressData
+ }, (err, result)=> {
+ if (err) return alert(err.message);
+ alert("Success");
+ window.open(getEtherscanUrl(result));
+ this.props.SetAddressClose();
+ // const tx =
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/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/web3Service.js b/src/lib/web3Service.js
index 30cd1b0..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 '0x0b3ebeccc00e9ceae2bf3235d558eda7398be91e';
case '3':
- return '0x0';
+ return isSupTestNet ? ResolverAddr : '0x0';
default:
return '0x0';
}
+ 
-