From 081df563b26f689860fb7ca28c6d287137054e29 Mon Sep 17 00:00:00 2001
From: goodm2ice <hamel2517@gmail.com>
Date: Tue, 22 Feb 2022 15:27:30 +0500
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D1=84?=
 =?UTF-8?q?=D0=B0=D0=B9=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DownloadLink.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/DownloadLink.tsx

diff --git a/src/components/DownloadLink.tsx b/src/components/DownloadLink.tsx
new file mode 100644
index 0000000..906dc40
--- /dev/null
+++ b/src/components/DownloadLink.tsx
@@ -0,0 +1,22 @@
+import { memo } from 'react'
+import { Button, ButtonProps } from 'antd'
+import { FileWordOutlined } from '@ant-design/icons'
+
+import { FileInfoDto } from '@api'
+import { downloadFile } from './factory'
+
+export type DownloadLinkProps = ButtonProps & {
+    file?: FileInfoDto
+    name?: string
+}
+
+export const DownloadLink = memo<DownloadLinkProps>(({ file, name, ...other }) => (
+    <Button
+        type={'link'}
+        icon={<FileWordOutlined />}
+        onClick={file && (() => downloadFile(file))}
+        {...other}
+    >{name ?? file?.name ?? '-'}</Button>
+))
+
+export default DownloadLink