oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

lazy load IPFS component

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-10-24 13:36:12 +02:00
parent 77deaf063e
commit 4319115e00
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/routes/Publish/Files/index.tsx
View File

@ -1,4 +1,10 @@
import React, { FormEvent, PureComponent, ChangeEvent } from 'react'
import React, {
lazy,
Suspense,
FormEvent,
PureComponent,
ChangeEvent
} from 'react'
import axios from 'axios'
import { Logger, File } from '@oceanprotocol/squid'
import shortid from 'shortid'
@ -6,11 +12,13 @@ import Button from '../../../components/atoms/Button'
import Help from '../../../components/atoms/Form/Help'
import ItemForm from './ItemForm'
import Item from './Item'
import Ipfs from './Ipfs'
import styles from './index.module.scss'
import { serviceUri } from '../../../config'
import cleanupContentType from '../../../utils/cleanupContentType'
import Spinner from '../../../components/atoms/Spinner'
const Ipfs = lazy(() => import('./Ipfs'))
export interface FilePublish extends File {
found: boolean // non-standard
@ -202,7 +210,11 @@ export default class Files extends PureComponent<FilesProps, FilesStates> {
/>
)}
{isIpfsFormShown && <Ipfs addFile={this.addFile} />}
{isIpfsFormShown && (
<Suspense fallback={<Spinner message="Loading..." />}>
<Ipfs addFile={this.addFile} />
</Suspense>
)}
</div>
</>
)