import React, { useState, ReactElement } from 'react' import { ipfsGateway } from '../../site.config' import Dropzone from './Dropzone' import styles from './Add.module.css' import Loader from './Loader' import useIpfsApi from '../hooks/use-ipfs-api' import { FileIpfs } from '../@types/ipfs' import { FileWithPath } from 'react-dropzone' function FileLink({ file, cidFolder, cid }: { file: FileIpfs cidFolder: string cid?: string }) { const title = cid ? `ipfs://${cid}` : `ipfs://${cidFolder}/${file.path}` const href = cid ? `${ipfsGateway}/ipfs/${cid}` : `${ipfsGateway}/ipfs/${cidFolder}/${file.path}` return cidFolder !== cid ? ( {title} ) : null } function Files({ files }: { files: FileIpfs[] }) { const cidFolder = files.filter((file) => file.path === '')[0].cid.toString() return (