all

Downloads/Voltaserve/ui/src/components/viewer/drawer/drawer-download-button.tsx

@@ -0,0 +1,43 @@
+import { Button, IconButton } from '@chakra-ui/react'
+import cx from 'classnames'
+import { File } from '@/client/api/file'
+import downloadFile from '@/helpers/download-file'
+import { IconDownload } from '@/lib'
+
+export type DrawerDownloadButtonProps = {
+  file: File
+  isCollapsed?: boolean
+}
+
+const DrawerDownloadButton = ({
+  file,
+  isCollapsed,
+}: DrawerDownloadButtonProps) => {
+  if (isCollapsed) {
+    return (
+      <IconButton
+        icon={<IconDownload />}
+        variant="solid"
+        colorScheme="blue"
+        aria-label="Download"
+        title="Download"
+        className={cx('h-[50px]', 'w-[50px]', 'p-1.5', 'rounded-md')}
+        onClick={() => downloadFile(file)}
+      />
+    )
+  } else {
+    return (
+      <Button
+        leftIcon={<IconDownload />}
+        variant="solid"
+        colorScheme="blue"
+        className={cx('h-[50px]', 'w-full', 'p-1.5', 'rounded-md')}
+        onClick={() => downloadFile(file)}
+      >
+        Download
+      </Button>
+    )
+  }
+}
+
+export default DrawerDownloadButton