better error handling

client/src/hooks/use-ipfs-api.tsx

@@ -24,18 +24,14 @@ export default function useIpfsApi(config: IpfsConfig) {
             ipfsMessage = 'Checking IPFS gateway...'
 
             try {
-                const message = `Connected to ${config.host}`
-                console.time(message)
                 ipfs = await ipfsClient(config)
-                console.timeEnd(message)
-                ipfsMessage = message
-
                 const version = await ipfs.version()
                 ipfsVersion = version.version
+                ipfsMessage = `Connected to ${config.host}`
             } catch (error) {
-                setIpfsError(error.message)
+                setIpfsError(`IPFS connection error: ${error.message}`)
             }
-            setIpfsReady(Boolean(ipfs))
+            setIpfsReady(Boolean(await ipfs.id()))
         }
 
         initIpfs()

client/src/routes/Publish/Files/Ipfs/Status.tsx

@@ -15,5 +15,5 @@ export default function Status({
         : error
         ? styles.error
         : styles.message
-    return <div className={classes}>{message}</div>
+    return <div className={classes}>{error || message}</div>
 }

client/src/routes/Publish/Files/Ipfs/index.tsx

@@ -75,10 +75,10 @@ export default function Ipfs({ addFile }: { addFile(url: string): void }) {
         const url = `ipfs://${cid}/${path}`
 
         setMessage('Checking IPFS gateway URL')
-        await pingUrl(urlGateway)
 
+        const isAvailable = await pingUrl(urlGateway)
         // add IPFS url to file.url
-        addFile(url)
+        isAvailable && addFile(url)
     }
 
     return (

client/src/utils/utils.ts

@@ -21,10 +21,11 @@ export async function pingUrl(url: string) {
         if (response.status !== 200) console.error(`Not found: ${url}`)
 
         console.log(`File found: ${url}`)
-        return
+        return true
     } catch (error) {
         console.error(error.message)
     }
+    return false
 }
 
 export function readFileAsync(file: File) {