diff --git a/packages/component-wizard/src/components/FileItem.js b/packages/component-wizard/src/components/FileItem.js index e870967bdaa2e6d0863e4ed88a34780295442b4b..a0853bf836a5c9d1c0006978f84d05bbb6888e0d 100644 --- a/packages/component-wizard/src/components/FileItem.js +++ b/packages/component-wizard/src/components/FileItem.js @@ -13,11 +13,13 @@ const parseFileSize = size => { return `${Math.floor(gbSize)} GB` } else if (Math.floor(mbSize)) { return `${Math.floor(mbSize)} MB` + } else if (Math.floor(kbSize)) { + return `${Math.floor(kbSize)} kB` } - return `${Math.floor(kbSize)} kB` + return `${size} bytes` } -const FileItem = ({ dragHandle, name, size, id, removeFile }) => ( +const FileItem = ({ dragHandle, name, size, id, removeFile, ...rest }) => ( <div className={classnames(classes['file-item'])}> {dragHandle} <div className={classnames(classes.info)}> @@ -25,9 +27,9 @@ const FileItem = ({ dragHandle, name, size, id, removeFile }) => ( <span>{parseFileSize(size)}</span> </div> <div className={classnames(classes.buttons)}> - <button title="Preview"> + <a href={rest.signedUrl} target="_blank"> <Icon color="#666">eye</Icon> - </button> + </a> <button onClick={removeFile(id)} title="Delete"> <Icon color="#666">trash-2</Icon> </button> diff --git a/packages/component-wizard/src/components/Files.js b/packages/component-wizard/src/components/Files.js index b477839ac80cc088f1e833cc1203bcf6552ffbb9..4b8c301d372539e801faba5660b57e1a69000766 100644 --- a/packages/component-wizard/src/components/Files.js +++ b/packages/component-wizard/src/components/Files.js @@ -133,17 +133,16 @@ export default compose( updateFragment, }) => type => id => e => { e.preventDefault() - deleteFile(id).then(() => { - const newFiles = files[type].filter(f => f.id !== id) - setFiles(newFiles, type) - updateFragment(project, { - submitted: new Date(), - ...version, - files: { - ...version.files, - [type]: newFiles, - }, - }) + deleteFile(id) + const newFiles = files[type].filter(f => f.id !== id) + setFiles(newFiles, type) + updateFragment(project, { + submitted: new Date(), + ...version, + files: { + ...version.files, + [type]: newFiles, + }, }) }, }),