Cafe137
635621b04a
* feat: separate flow for folder and file uploads * feat: add basic index document detection * feat(wip): separate preview step * fix: fix kb and mb units * feat: add post upload summary, add some styling * feat: upload flow * fix: change element order and add conditional rendering * refactor: remove unused variables for now * fix: put back stamp creation to stamp page * refactor: rework postage stamps and grid * feat: add website and folder icons * feat: add asset preview to download flow, add file icon * feat: add basic design to postage stamp selection dialog * feat: add web icon, shorten stamp in preview * feat: extract swarm hash in download flow * fix: extract swarmbutton and solve icon hover and focus color * fix: always show buy button on stamp page * refactor: downgrade * refactor: speed up icon transition * style: improve download buttons * style: change [back to upload] icon * style: add spacing before swarm gateway text * style: post upload summary spacing * refactor: drop verticalspacing and use box * refactor: merge icons to one component * refactor: use conditions instead of weird assignment * docs: explain filter(x => x) * refactor: generalize capacity * refactor: avoid passing arrow functions * refactor: get rid of PaperGridContainer and Container * fix: fix hover color for postage stamps * feat: add disabled and loading state to buttons * fix: make drag and drop work for websites * feat: handle folders and non existing hashes * fix: provide empty default value to select to avoid console warning * style: remove body2 font variants * fix: remove typo * feat: disable folder upload, add website upload * fix: disable showPreviews to avoid flickering * feat(temp): remove folder upload * fix: remove stuck focus on buttons even after rendering different buttons * style: merge hover and focus styles, fix safari text wrap issue * style: remove dropbox outline in safari
39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
import { Box, Typography } from '@material-ui/core'
|
|
import { ReactElement } from 'react'
|
|
import { CornerUpLeft } from 'react-feather'
|
|
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
|
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
|
|
import ExpandableListItemLink from '../../components/ExpandableListItemLink'
|
|
import { SwarmButton } from '../../components/SwarmButton'
|
|
|
|
interface Props {
|
|
uploadReference: string
|
|
onUploadNewClick: () => void
|
|
}
|
|
|
|
export function PostUploadSummary({ uploadReference, onUploadNewClick }: Props): ReactElement {
|
|
return (
|
|
<>
|
|
<Box mb={4}>
|
|
<ExpandableListItemKey label="Swarm hash" value={uploadReference} />
|
|
<ExpandableListItemLink
|
|
label="Share on Swarm Gateway"
|
|
value={`https://gateway.ethswarm.org/access/${uploadReference}`}
|
|
/>
|
|
</Box>
|
|
<Box mb={2}>
|
|
<ExpandableListItemActions>
|
|
<SwarmButton onClick={onUploadNewClick} iconType={CornerUpLeft}>
|
|
Back to Upload
|
|
</SwarmButton>
|
|
</ExpandableListItemActions>
|
|
</Box>
|
|
<Typography>
|
|
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>.
|
|
</Typography>
|
|
</>
|
|
)
|
|
}
|