f4013142af
* chore: upload flow uses metadata object and has preview * chore: remove SwarmFile * feat: upload metadata and file preview * feat: add metadata and preview on download * fix: package the meta and preview files * fix: upload websites that are inside a folder (#296) * fix: upload websites that are inside a folder * docs: few comments to clarify what is going on * refactor: decrease local variables and fix state order to detect websites properly Co-authored-by: Cafe137 <aron@aronsoos.com>
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import * as swarmCid from '@ethersphere/swarm-cid'
|
|
import { Box } from '@material-ui/core'
|
|
import { ReactElement } from 'react'
|
|
import { DocumentationText } from '../../components/DocumentationText'
|
|
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
|
|
import ExpandableListItemLink from '../../components/ExpandableListItemLink'
|
|
|
|
interface Props {
|
|
isWebsite?: boolean
|
|
hash: string
|
|
}
|
|
|
|
export function AssetSummary({ isWebsite, hash }: Props): ReactElement {
|
|
return (
|
|
<>
|
|
<Box mb={4}>
|
|
<ExpandableListItemKey label="Swarm hash" value={hash} />
|
|
<ExpandableListItemLink label="Share on Swarm Gateway" value={`https://gateway.ethswarm.org/access/${hash}`} />
|
|
{isWebsite && (
|
|
<ExpandableListItemLink
|
|
label="BZZ Link"
|
|
value={`https://${swarmCid.encodeManifestReference(hash).toString()}.bzz.link`}
|
|
/>
|
|
)}
|
|
</Box>
|
|
<DocumentationText>
|
|
The Swarm Gateway is graciously provided by the Swarm Foundation. This service is under development and provided
|
|
for testing purposes only. Learn more at{' '}
|
|
<a href="https://gateway.ethswarm.org/">https://gateway.ethswarm.org/</a>.
|
|
</DocumentationText>
|
|
</>
|
|
)
|
|
}
|