Cafe137
af88027ba9
* refactor: call toString on numerical values to be bee-js compatible * feat: add upload size check
39 lines
991 B
TypeScript
39 lines
991 B
TypeScript
import Collapse from '@material-ui/core/Collapse'
|
|
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
|
|
import { Alert, AlertTitle } from '@material-ui/lab'
|
|
import { ReactElement } from 'react'
|
|
|
|
const LIMIT = 100_000_000 // 100 megabytes
|
|
|
|
interface Props {
|
|
file: File
|
|
}
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
root: {
|
|
width: '100%',
|
|
marginTop: theme.spacing(2),
|
|
marginBottom: theme.spacing(2),
|
|
},
|
|
}),
|
|
)
|
|
|
|
export default function UploadSizeAlert(props: Props): ReactElement | null {
|
|
const classes = useStyles()
|
|
|
|
const aboveLimit = props.file.size >= LIMIT
|
|
|
|
return (
|
|
<Collapse in={aboveLimit}>
|
|
<div className={classes.root}>
|
|
<Alert severity="warning">
|
|
<AlertTitle>Warning</AlertTitle>
|
|
The file you are trying to upload is above the recommended size. The chunks may not be synchronised properly
|
|
over the network.
|
|
</Alert>
|
|
</div>
|
|
</Collapse>
|
|
)
|
|
}
|