all

Downloads/Voltaserve/ui/src/components/viewer/drawer/file-info/file-info-image.tsx

@@ -0,0 +1,23 @@
+import { Stat, StatLabel, StatNumber } from '@chakra-ui/react'
+import cx from 'classnames'
+import { File } from '@/client/api/file'
+
+export type FileInfoImageProps = {
+  file: File
+}
+
+const FileInfoImage = ({ file }: FileInfoImageProps) => {
+  if (!file.original?.image) {
+    return null
+  }
+  return (
+    <Stat>
+      <StatLabel>Image dimensions</StatLabel>
+      <StatNumber className={cx('text-base')}>
+        {file.original.image.width}x{file.original.image.height}
+      </StatNumber>
+    </Stat>
+  )
+}
+
+export default FileInfoImage