Client Release: v1.0.0 (#11)

* auto-commit: gh-pages * auto-commit: gh-pages * All major fixes; ready for merge * Tuning * Txn 1 & 2 workflows merged * auto-commit: gh-pages * Minor fixes * 0x0x formatting fix * Most fixes; only Signature Matching pending * Most fixes in Record View * S3(K1) implemented * Timer Implemented * Queue implementation * Wallet switching enabled * ModalState update * S2 trigger fix * auto-commit: gh-pages * Full Send Goerli-v3 * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Mainnet Release * auto-commit: gh-pages * Log: Stash * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Query caching fix * auto-commit: gh-pages * Off-chain Contenthash encoding fix * auto-commit: gh-pages * auto-commit: gh-pages * v1.0.0-beta: Avatar disabled for bug fix #8 * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Avatar Fix Issue#8 * Main page search function fix * Contenthash Fix Issue#8 * Remove out/ * auto-commit: gh-pages * README * auto-commit: gh-pages * Ownerhash & Export Keys features * auto-commit: gh-pages * Ownerhash & Export Keys features: 2 * auto-commit: gh-pages * Wait-On-Load Fix * auto-commit: gh-pages * Cleanup * Cleanup: 2 * Cleanup: console.log * auto-commit: gh-pages * auto-commit: gh-pages * Ownerhash integration * Ownerhash integration: 2 * auto-commit: gh-pages * auto-commit: gh-pages * Subdomain support * Subdomain support: 2 * auto-commit: gh-pages * auto-commit: gh-pages * Subdomain support: Wrapped Subdomains * auto-commit: gh-pages * Loop-through speed-up * auto-commit: gh-pages * Fix for wrapped subdomains * auto-commit: gh-pages * Gas estimate fix * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * RainbowKit placement fix * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * RainbowKit styling * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Fix for Wagmi2.0 and RainbowKit1.0 migration * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Fix for Wagmi2.0 and RainbowKit1.0 migration: 2 * auto-commit: gh-pages * auto-commit: gh-pages * Fix for Wagmi2.0 and RainbowKit1.0 migration: 3 * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * rSync * auto-commit: gh-pages * Mainnet Ready * auto-commit: gh-pages * Refresh buttons * auto-commit: gh-pages * auto-commit: gh-pages * Search function * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Testing Goerli-v7 * HTTP Gateway Integration * auto-commit: gh-pages * HTTP Gateway Integration: 2 * auto-commit: gh-pages * auto-commit: gh-pages * Finetune * Confirmation tab for Ownerhash * auto-commit: gh-pages * Caching while setting Ownerhash * auto-commit: gh-pages * Some triggers fixed * auto-commit: gh-pages * Signer Signature * auto-commit: gh-pages * Export Signatures * Fix for queue * Finetune: 2 * auto-commit: gh-pages * auto-commit: gh-pages * Finetune: 3 * auto-commit: gh-pages * Update Signature text for SIG1 * auto-commit: gh-pages * Password Dialogue improvements * auto-commit: gh-pages * Bad Password Break * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Several bug fixes * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Preview Panel Load Fix * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * rSync * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Mainnet Release: v1.0.0
namesys-eth · Aug 24, 2023 · 0b05ac3 · 0b05ac3
1 parent 5b947b7
commit 0b05ac3
Show file tree

Hide file tree

Showing 41 changed files with 1,453 additions and 2,566 deletions.
diff --git a/abi/contract-abi-ensWrapper.json → abi/Contract-ABI-ENSWrapperGoerli.json b/abi/contract-abi-ensWrapper.json → abi/Contract-ABI-ENSWrapperGoerli.json
diff --git a/abi/Contract-ABI-ENSWrapperMainnet.json b/abi/Contract-ABI-ENSWrapperMainnet.json
diff --git a/abi/Contract-ABI-ensUniversalResolverMainnet.json b/abi/Contract-ABI-ensUniversalResolverMainnet.json
diff --git a/abi/contract-abi-ensLegacyResolver.json b/abi/contract-abi-ensLegacyResolver.json
diff --git a/components/Confirm.tsx b/components/Confirm.tsx
@@ -211,7 +211,7 @@ const Confirm: React.FC<ModalProps> = ({ show, onClose, children, handleModalDat
       <div id="modal-inner">
         <Help
           color={ 'lightblue' }
-          _ENS_={ 'info' }
+          icon={ 'info' }
           onClose={() => setHelpModal(false)}
           show={helpModal}
         >
@@ -288,7 +288,7 @@ const StyledModalOverlay = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.85);
+  background-color: rgba(0, 0, 0, 1);
 `
 
 export default Confirm
diff --git a/components/Error.tsx b/components/Error.tsx
@@ -96,7 +96,7 @@ const StyledModalOverlay = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.85);
+  background-color: rgba(0, 0, 0, 1);
 `
 
 export default Error
diff --git a/components/Export.tsx b/components/Export.tsx
@@ -0,0 +1,301 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import styled from 'styled-components'
+import Help from '../components/Help'
+
+interface ModalProps {
+  show: boolean
+  onClose: any
+  children: any
+  handleModalData: (data: string | undefined) => void
+  handleTrigger: (data: boolean) => void
+}
+
+const Export: React.FC<ModalProps> = ({ show, onClose, children, handleModalData, handleTrigger }) => {
+  const [browser, setBrowser] = React.useState(false)
+  const [helpModal, setHelpModal] = React.useState(false)
+  const [help, setHelp] = React.useState('')
+
+  React.useEffect(() => {
+    setBrowser(true)
+  }, [])
+
+  const handleCloseClick = (e: { preventDefault: () => void; }) => {
+    handleModalData(undefined)
+    handleTrigger(false)
+    e.preventDefault()
+    onClose()
+  }
+
+  const handleOwnerhashSubmit = () => {
+    handleModalData('0')
+    handleTrigger(true)
+    onClose()
+  }
+
+  const handleRecordhashSubmit = () => {
+    handleModalData('1')
+    handleTrigger(true)
+    onClose()
+  }
+
+  const handleGatewaySubmit = () => {
+    handleModalData('1')
+    handleTrigger(true)
+    onClose()
+  }
+
+  const modalContent = show ? (
+    <StyledModalOverlay>
+      <StyledModal>
+        <StyledModalHeader>
+          <a href="#" onClick={handleCloseClick}>
+            <span 
+              className="material-icons"
+            >
+              close
+            </span>
+          </a>
+        </StyledModalHeader>
+        {show && 
+          <StyledModalTitle>
+            <div 
+              className="material-icons"
+              style={{
+                marginTop: '4px',
+                fontSize: '66px'
+              }}
+            >
+              import_export
+            </div>
+            <div
+              style={{
+                marginTop: '15px'
+              }}
+            >
+              Choose Storage to Export Key For
+            </div>
+          </StyledModalTitle>}
+        <StyledModalBody>
+          {/* Top Button */}
+          <div
+            className="flex-row"
+            style={{
+              marginLeft: '25px'
+            }}
+          >
+            <button 
+              className="button-option"
+              style={{
+                height: '35px',
+                width: '175px',
+                marginTop: '15px',
+                fontSize: '15px',
+                fontWeight: '700'
+              }}
+              onClick={ handleOwnerhashSubmit }
+              data-tooltip='Export Ownerhash Key'
+            >
+              <div 
+                className="flex-row"
+              >
+                { 'Ownerhash' }&nbsp;<span className="material-icons chonk">recycling</span>
+              </div>
+            </button>
+            <button 
+              className="button-tiny"
+              onClick={() => { 
+                setHelpModal(true),
+                setHelp('<span>Exports Key for <span style="color: cyan">Ownerhash</span></span>')
+              }}
+              data-tooltip='Export Ownerhash Key'
+            >
+              <div 
+                className="material-icons smol"
+                style={{ 
+                  color: 'yellow',
+                  marginLeft: '5px',
+                  marginTop: '21px'
+                }}
+              >
+                info_outline 
+              </div>
+            </button>
+          </div>
+          {/* Middle Button */}
+          <div
+            className="flex-row"
+            style={{
+              marginLeft: '25px'
+            }}
+          >
+            <button 
+              className="button-option"
+              style={{
+                height: '35px',
+                width: '175px',
+                marginTop: '15px',
+                fontSize: '15px',
+                fontWeight: '700'
+              }}
+              onClick={ handleRecordhashSubmit }
+              data-tooltip='Export Recordhash Key'
+            >
+              <div 
+                className="flex-row"
+              >
+                { 'Recordhash' }&nbsp;<span className="material-icons chonk">create</span>
+              </div>
+            </button>
+            <button 
+              className="button-tiny"
+              onClick={() => { 
+                setHelpModal(true),
+                setHelp('<span>Exports Key for <span style="color: cyan">Recordhash</span></span>')
+              }}
+              data-tooltip='Export Recordhash Key'
+            >
+              <div 
+                className="material-icons smol"
+                style={{ 
+                  color: 'cyan',
+                  marginLeft: '5px',
+                  marginTop: '16px'
+                }}
+              >
+                info_outline 
+              </div>
+            </button>
+          </div>
+          {/* Bottom Button */}
+          <div
+            className="flex-row"
+            style={{
+              marginLeft: '25px'
+            }}
+          >
+            <button 
+              className="button-option"
+              style={{
+                height: '35px',
+                width: '175px',
+                marginTop: '15px',
+                fontSize: '15px',
+                fontWeight: '700'
+              }}
+              onClick={ handleGatewaySubmit }
+              data-tooltip='Export Gateway Key'
+              disabled
+            >
+              <div 
+                className="flex-row"
+              >
+                { 'HTTP Gateway' }&nbsp;<span className="material-icons chonk">dns</span>
+              </div>
+            </button>
+            <button 
+              className="button-tiny"
+              onClick={() => { 
+                setHelpModal(true),
+                setHelp('<span>Exports Key for <span style="color: cyan">HTTP Gateway</span></span>')
+              }}
+              data-tooltip='Export Gateway Key'
+            >
+              <div 
+                className="material-icons smol"
+                style={{ 
+                  color: 'orange',
+                  marginLeft: '5px',
+                  marginTop: '16px'
+                }}
+              >
+                info_outline 
+              </div>
+            </button>
+          </div>
+        </StyledModalBody>
+      </StyledModal>
+      <div id="modal-inner">
+        <Help
+          color={ 'cyan' }
+          icon={ 'info' }
+          onClose={() => setHelpModal(false)}
+          show={helpModal}
+        >
+          { help }
+        </Help>
+      </div>
+    </StyledModalOverlay>
+  ) : null
+
+  if (browser) {
+    return ReactDOM.createPortal(
+      modalContent,
+      document.getElementById("modal")!
+    )
+  } else {
+    return null
+  }
+}
+
+const StyledModalBody = styled.div`
+  padding-top: 10px;
+  padding-left: 50px;
+  padding-right: 50px;
+  padding-bottom: 25px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: auto;
+  overflow-y: auto;
+  color: white;
+  font-size: 14px;
+  font-weight: 700;
+`;
+
+const StyledModalTitle = styled.div`
+  margin-top: -10px;
+  font-size: 17px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  font-weight: 700;
+  margin-bottom: 0px;
+  color: white;
+  padding-left: 20px;
+  padding-right: 20px;
+  color: cyan;
+`
+
+const StyledModalHeader = styled.div`
+  display: flex;
+  justify-content: flex-end;
+`
+
+const StyledModal = styled.div`
+  background: rgba(66,46,40,1);
+  background-size: 400% 400%;
+  width: 450px;
+  border-radius: 6px;
+  overflow-y: initial !important
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  padding: 5px;
+`
+
+const StyledModalOverlay = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 1);
+`
+
+export default Export
diff --git a/components/FAQ.tsx b/components/FAQ.tsx
@@ -105,7 +105,7 @@ const StyledModalOverlay = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(0, 0, 0, 1);
 `;
 
 export default FAQ;