28 lines
463 B
TypeScript
28 lines
463 B
TypeScript
import React from "react"
|
|
import PropTypes from "prop-types"
|
|
import { File } from "../generated/graphql"
|
|
import sizeToReadable from "../functions/sizeToReadable"
|
|
|
|
interface Props {
|
|
file: File
|
|
}
|
|
|
|
const FileElement: React.FC<Props> = (props) => {
|
|
return (
|
|
<>
|
|
<td>
|
|
📄 {props.file.name}
|
|
</td>
|
|
<td>
|
|
{sizeToReadable(props.file.size)}
|
|
</td>
|
|
</>
|
|
)
|
|
}
|
|
|
|
FileElement.propTypes = {
|
|
file: PropTypes.any.isRequired
|
|
}
|
|
|
|
export default FileElement
|