Merge pull request #44 from Permissionless-Software-Foundation/ct-unstable

Minor design improvements

src/App.js

@@ -14,7 +14,10 @@ import NavMenu from './components/nav-menu'
 import useAppState from './hooks/state'
 import { UninitializedView, InitializedView } from './components/starter-views'
 
-const sigleViewPaths = ['/profile']
+// Paths with custom async loader
+// Single Views, load minimal async services in order to prevent the long-time screen loader.
+const sigleViewPaths = ['/profile', 'user-data']
+
 function App (props) {
   // Load all the app state into a single object that can be passed to child
   // components.

src/components/app-body/nfts-for-sale/index.js

@@ -172,7 +172,7 @@ function NftsForSale (props) {
     } catch (error) {
       setIconsAreLoaded(true)
     }
-  }, [fetchTokenMutableData, appData])
+  }, [fetchTokenMutableData])
 
   //  Check if token data exists in the cache and add it to the tokens object.
   const reviewNftCachedData = useCallback(async (offers) => {

src/components/app-body/nfts-for-sale/info-button.js

@@ -98,17 +98,16 @@ function InfoButton (props) {
             </Row>
 
             {mutableDataCid && (
-              <Row>
+              <Row style={{ paddingTop: '10px' }}>
                 <Col xs={4}><b>User Data</b>:</Col>
                 <Col xs={8}>
-                  <a
-                    href={`/user-data/${props.token.tokenId}`}
+                  <Button
+                    href={`/user-data/${props.token.tokenId}#single-view`}
                     target='_blank'
                     rel='noopener noreferrer'
-                    className='btn btn-link p-0'
                   >
                     View User Data
-                  </a>
+                  </Button>
                 </Col>
               </Row>
             )}

src/components/app-body/nostr/feeds/index.js

@@ -1,13 +1,15 @@
 /*
-Component for reading the nostr feeds.
+  Component for reading the nostr feeds.
 */
 
 // Global npm libraries
 import React, { useState, useEffect, useCallback } from 'react'
 import { Container, Nav, Tab, Spinner } from 'react-bootstrap'
+import { RelayPool } from 'nostr'
+
+// Local libraries
 import Feed from './feed'
 import Following from './following'
-import { RelayPool } from 'nostr'
 
 function Feeds (props) {
   const { appData } = props

src/components/app-body/nostr/nostr-post/index.js.js

@@ -1,10 +1,12 @@
 /*
-Component for posting nostr information.
+  Component for posting nostr information.
 */
 
 // Global npm libraries
 import React from 'react'
 import { Container } from 'react-bootstrap'
+
+// Local libraries
 import ProfilePost from './profile-post'
 import PublicPost from './public-post'
 

src/components/app-body/nostr/nostr-post/profile-post.js

@@ -11,6 +11,9 @@ import { Relay } from 'nostr-tools/relay'
 import { hexToBytes } from '@noble/hashes/utils' // already an installed dependency
 import { RelayPool } from 'nostr'
 
+// Local libraries
+import config from '../../../../config'
+
 function ProfilePost (props) {
   const { bchWalletState } = props.appData
   const [accordionKey, setAccordionKey] = useState(null)
@@ -90,7 +93,7 @@ function ProfilePost (props) {
       const privateKeyBin = hexToBytes(nostrKeyPair.privHex)
 
       // Relay list
-      const psf = 'wss://nostr-relay.psfoundation.info'
+      // const psf = 'wss://nostr-relay.psfoundation.info'
 
       const formDataString = JSON.stringify(formData)
 
@@ -107,16 +110,24 @@ function ProfilePost (props) {
       const signedEvent = finalizeEvent(eventTemplate, privateKeyBin)
       console.log('signedEvent: ', signedEvent)
 
-      // Connect to a relay.
-      const relay = await Relay.connect(psf)
-      console.log(`connected to ${relay.url}`)
+      // Publish the post to each relay.
+      config.nostrRelays.map(async (relayUrl) => {
+        try {
+          // Connect to a relay.
+          const relay = await Relay.connect(relayUrl)
+          console.log(`connected to ${relay.url}`)
 
-      // Publish the message to the relay.
-      const result = await relay.publish(signedEvent)
-      console.log('result: ', result)
+          // Publish the message to the relay.
+          const result = await relay.publish(signedEvent)
+          console.log('result: ', result)
+
+          // Close the connection to the relay.
+          relay.close()
+        } catch (err) {
+          console.warn(`Skipping publishing to ${relayUrl} due to error: ${err}`)
+        }
+      })
 
-      // Close the connection to the relay.
-      relay.close()
       setSuccessMsg('Post successfully published!')
       setOnFetch(false)
     } catch (error) {

src/components/app-body/nostr/nostr-post/public-post.js

@@ -1,5 +1,5 @@
 /*
-Component for posting nostr information on kind 1.
+  Component for posting nostr information on kind 1.
 */
 
 // Global npm libraries
@@ -10,8 +10,11 @@ import { finalizeEvent } from 'nostr-tools/pure'
 import { Relay } from 'nostr-tools/relay'
 import { hexToBytes } from '@noble/hashes/utils' // already an installed dependency
 
+// Local libraries
+import config from '../../../../config'
+
 function PublicPost (props) {
-  const [accordionKey, setAccordionKey] = useState(null)
+  const [accordionKey, setAccordionKey] = useState('0')
   const [onFetch, setOnFetch] = useState(false)
   const { bchWalletState } = props.appData
   const [formData, setFormData] = useState({
@@ -44,9 +47,6 @@ function PublicPost (props) {
       // Convert private key to binary
       const privateKeyBin = hexToBytes(nostrKeyPair.privHex)
 
-      // Relay list
-      const psf = 'wss://nostr-relay.psfoundation.info'
-
       // BCH address of the user.
       const bchAddr = bchWalletState.address
 
@@ -63,16 +63,24 @@ function PublicPost (props) {
       const signedEvent = finalizeEvent(eventTemplate, privateKeyBin)
       console.log('signedEvent: ', signedEvent)
 
-      // Connect to a relay.
-      const relay = await Relay.connect(psf)
-      console.log(`connected to ${relay.url}`)
+      // Publish the post to each relay.
+      config.nostrRelays.map(async (relayUrl) => {
+        try {
+          // Connect to a relay.
+          const relay = await Relay.connect(relayUrl)
+          console.log(`connected to ${relay.url}`)
 
-      // Publish the message to the relay.
-      const result = await relay.publish(signedEvent)
-      console.log('result: ', result)
+          // Publish the message to the relay.
+          const result = await relay.publish(signedEvent)
+          console.log('result: ', result)
+
+          // Close the connection to the relay.
+          relay.close()
+        } catch (err) {
+          console.warn(`Skipping publishing to ${relayUrl} due to error: ${err}`)
+        }
+      })
 
-      // Close the connection to the relay.
-      relay.close()
       resetForm()
       setSuccessMsg('Post successfully published!')
       setOnFetch(false)

src/config/index.js

@@ -18,7 +18,12 @@ const config = {
   // dexServer: 'http://localhost:5700',
 
   nostrTopic: 'bch-dex-test-topic-02',
-  nostrRelay: 'wss://nostr-relay.psfoundation.info'
+  nostrRelay: 'wss://nostr-relay.psfoundation.info',
+  nostrRelays: [
+    'wss://nostr-relay.psfoundation.info',
+    'wss://nos.lol',
+    'wss://relay.damus.io'
+  ]
 
 }