40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import { formatSizeToReadableString } from '@standardnotes/filepicker'
|
|
import { FileItem } from '@standardnotes/snjs'
|
|
import { FunctionComponent } from 'react'
|
|
import Icon from '@/Components/Icon/Icon'
|
|
|
|
type Props = {
|
|
file: FileItem
|
|
}
|
|
|
|
const FilePreviewInfoPanel: FunctionComponent<Props> = ({ file }) => {
|
|
return (
|
|
<div className="flex flex-col min-w-70 p-4 border-0 border-l-1px border-solid border-main">
|
|
<div className="flex items-center mb-4">
|
|
<Icon type="info" className="mr-2" />
|
|
<div className="font-semibold">File information</div>
|
|
</div>
|
|
<div className="mb-3">
|
|
<span className="font-semibold">Type:</span> {file.mimeType}
|
|
</div>
|
|
<div className="mb-3">
|
|
<span className="font-semibold">Decrypted Size:</span> {formatSizeToReadableString(file.decryptedSize)}
|
|
</div>
|
|
<div className="mb-3">
|
|
<span className="font-semibold">Encrypted Size:</span> {formatSizeToReadableString(file.encryptedSize)}
|
|
</div>
|
|
<div className="mb-3">
|
|
<span className="font-semibold">Created:</span> {file.created_at.toLocaleString()}
|
|
</div>
|
|
<div className="mb-3">
|
|
<span className="font-semibold">Last Modified:</span> {file.userModifiedDate.toLocaleString()}
|
|
</div>
|
|
<div>
|
|
<span className="font-semibold">File ID:</span> {file.uuid}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FilePreviewInfoPanel
|