feat(file-upload-item): добавлен пропс download (#844)

Co-authored-by: Pavel <Strizhakov>
core-ds · Oct 12, 2021 · db2a4ca · db2a4ca
1 parent f021bbf
commit db2a4ca
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/packages/file-upload-item/src/Component.test.tsx b/packages/file-upload-item/src/Component.test.tsx
@@ -8,6 +8,7 @@ export const fileProps = {
     uploadDate: '22.01.2018',
     size: 45000,
     downloadLink: '/link',
+    download: 'новое_название_файла',
     uploadStatus: 'SUCCESS' as FileStatuses,
     showDelete: true,
 };

diff --git a/packages/file-upload-item/src/Component.tsx b/packages/file-upload-item/src/Component.tsx
@@ -45,6 +45,12 @@ export type FileUploadItemProps = {
      */
     downloadLink?: string;
 
+    /**
+     * Рекомендует браузеру скачивать контент по ссылке.
+     * В проп может быть передано рекомендуемое название скачиваемого файла.
+     */
+    download?: string | true;
+
     /**
      * Отображение кнопки удаления
      */
@@ -110,6 +116,7 @@ export const FileUploadItem: React.FC<FileUploadItemProps> = ({
     icon: Icon = fileIcon(name),
     uploadDate,
     downloadLink,
+    download,
     uploadStatus,
     uploadPercent = 0,
     error = uploadStatus === 'ERROR' ? 'Не удалось загрузить файл' : undefined,
@@ -157,15 +164,20 @@ export const FileUploadItem: React.FC<FileUploadItemProps> = ({
         () => (
             <div className={styles.name}>
                 {downloadLink ? (
-                    <Link pseudo={true} href={downloadLink} onClick={handleDownload}>
+                    <Link
+                        pseudo={true}
+                        href={downloadLink}
+                        onClick={handleDownload}
+                        download={download}
+                    >
                         {name}
                     </Link>
                 ) : (
                     name
                 )}
             </div>
         ),
-        [downloadLink, handleDownload, name],
+        [downloadLink, handleDownload, download, name],
     );
 
     const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');

diff --git a/packages/file-upload-item/src/__snapshots__/Component.test.tsx.snap b/packages/file-upload-item/src/__snapshots__/Component.test.tsx.snap
@@ -31,6 +31,7 @@ Object {
           >
             <a
               class="component primary pseudo"
+              download="новое_название_файла"
               href="/link"
             >
               <span
@@ -110,6 +111,7 @@ Object {
         >
           <a
             class="component primary pseudo"
+            download="новое_название_файла"
             href="/link"
           >
             <span