Release v1.0.2 (#22)

* 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 * fast * Merge 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 * PWA and other improvements * Support for NFT avatars (#17) * 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 * NFT Avatar Support * Emoji Support (#18) * Support for NFT avatars * Emoji Support * 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 * Client Help Page * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Cleanup keygen.ts * auto-commit: gh-pages * Minor Fixes in Search Tab * auto-commit: gh-pages * Minor Fixes in Search Tab: 2 * auto-commit: gh-pages * rSync * Labels on Export Fields & GoDID Link * auto-commit: gh-pages * IPFS Hash Export * auto-commit: gh-pages * IPFS Hash Export: 2 * IPFS Hash Export: 3 * auto-commit: gh-pages * Fix for names with Config * auto-commit: gh-pages * Fix Manager vs Owner issue * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * Contenthash Regex Fix * Minor Fixes * auto-commit: gh-pages * rSync
namesys-eth · Sep 1, 2023 · 40bf431 · 40bf431
1 parent 4e70d17
commit 40bf431
Show file tree

Hide file tree

Showing 38 changed files with 2,116 additions and 1,496 deletions.
diff --git a/components/Export.tsx b/components/Export.tsx
@@ -66,7 +66,7 @@ const Export: React.FC<ModalProps> = ({ show, onClose, children, handleModalData
                 fontSize: '66px'
               }}
             >
-              import_export
+              accessible_forward
             </div>
             <div
               style={{

diff --git a/components/Info.tsx b/components/Info.tsx
@@ -0,0 +1,216 @@
+import React from 'react'
+import { isMobile } from 'react-device-detect'
+import ReactDOM from 'react-dom'
+import styled from 'styled-components'
+import * as constants from '../utils/constants'
+
+interface ModalProps {
+  show: boolean
+  onClose: any
+  children: any
+  handleModalData: (data: string | undefined) => void
+  handleTrigger: (data: boolean) => void
+}
+
+const Info: React.FC<ModalProps> = ({ show, onClose, children, handleModalData, handleTrigger }) => {
+  const [browser, setBrowser] = React.useState(false)
+  const [color, setColor] = React.useState('cyan')
+  React.useEffect(() => {
+    setBrowser(true)
+  }, [])
+
+  const handleCloseClick = (e: { preventDefault: () => void; }) => {
+    handleTrigger(false)
+    handleModalData('')
+    setColor('cyan')
+    e.preventDefault()
+    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: '10px',
+                fontSize: '66px'
+              }}
+            >
+              hub
+            </div>
+            <div
+              style={{
+                marginTop: '17px',
+                marginBottom: '8px'
+              }}
+            >
+              <span style={{ fontSize: '24px', fontWeight: '700' }}>Your IPFS Hash</span>
+            </div>
+          </StyledModalTitle>}
+        <StyledModalBody>
+          <div
+            className='flex-row'
+            style={{
+              width: '400px'
+            }}
+          >
+            <input 
+              id='info'
+              key='1'
+              value={children}
+              type='text'
+              style={{
+                background: 'black',
+                outline: 'none',
+                border: 'none',
+                padding: '7px',
+                borderRadius: '3px',
+                fontFamily: 'SF Mono',
+                letterSpacing: '-0.5px',
+                fontWeight: '400',
+                fontSize: '15px',
+                width: '150%',
+                wordWrap: 'break-word',
+                textAlign: 'left',
+                color: color,
+                cursor: 'copy',
+                paddingRight: '32px'
+              }}
+              disabled
+            />
+            <button 
+              className="button-empty"
+              onClick={() => {
+                setColor('lime'),
+                constants.copyToClipboard('info')
+              }} 
+              style={{
+                marginLeft: '-25px',
+                marginTop: '2px',
+                color: color || 'cyan'   
+              }}
+            >
+              <span 
+                className="material-icons"
+                style={{
+                  fontSize: '22px',
+                  fontWeight: '700'
+                }}
+              >
+                content_copy
+              </span>
+            </button>
+          </div>
+          <button 
+            className="button"
+            style={{
+              height: '33px',
+              width: '140px',
+              padding: '5px',
+              marginTop: '20px',
+              fontSize: '17px',
+              fontWeight: '700'
+            }}
+            onClick={ handleCloseClick }
+            data-tooltip='Roger That'
+          >
+            <div 
+              className="flex-row"
+              style={{
+                fontSize: '17px'
+              }}
+            >
+              { 'Ok' }&nbsp;<span className="material-icons smoller">done_all</span>
+            </div>
+          </button>
+        </StyledModalBody>
+      </StyledModal>
+    </StyledModalOverlay>
+  ) : null
+
+  if (browser) {
+    return ReactDOM.createPortal(
+      modalContent,
+      document.getElementById("modal")!
+    )
+  } else {
+    return null
+  }
+}
+
+const StyledModalBody = styled.div`
+  padding-top: 5px;
+  padding-left: 20px;
+  padding-right: 20px;
+  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;
+  margin-top: 5px;
+`
+
+const StyledModalTitle = styled.div`
+  margin-top: -15px;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  font-weight: 700;
+  color: white;
+  padding-left: 20px;
+  padding-right: 20px;
+  color: cyan;
+  margin-left: 10px;
+`
+
+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: 460px;
+  max-width: ${isMobile ? '90%' : '60%'};
+  height: 270px;
+  border-radius: 6px;
+  overflow-y: initial !important
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  padding: 3px;
+`
+
+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 Info
diff --git a/components/List.tsx b/components/List.tsx
@@ -228,7 +228,6 @@ const List: React.FC<ListProps> = ({ label, items, onItemClick }) => {
                 />
               </a>
               <a 
-                style={{ marginRight: '15px' }}
                 href={`https://ens.vision/name/${item.name}`} 
                 target='_blank'            
                 rel="noreferrer"      
@@ -239,6 +238,18 @@ const List: React.FC<ListProps> = ({ label, items, onItemClick }) => {
                   src="ens-vision.png"
                 />
               </a>
+              <a 
+                style={{ marginRight: '15px' }}
+                href={`https://godid.io/items/${item.name.toLowerCase()}.eth`} 
+                target='_blank'            
+                rel="noreferrer"      
+              >
+                <img
+                  className="icon-godid-small"
+                  alt="godid-icon"
+                  src="godid.svg"
+                />
+              </a>
               <button
                 className="button"
                 style={{