enable download, remove margin on link if there is no label

Author: summer-cook

src/assets/fontawesome.js

@@ -2,6 +2,7 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowDown,
   faArrowUp,
+  faDownload,
   faEnvelope,
   faFileLines,
   faListCheck,
@@ -19,6 +20,7 @@ import {
 library.add(
   faArrowDown,
   faArrowUp,
+  faDownload,
   faEnvelope,
   faFileLines,
   faListCheck,

src/components/FilesTable/FilesTable.jsx

@@ -1,9 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import {
-  // Button,
-  Table,
-} from 'react-bootstrap'
+import { Table } from 'react-bootstrap'
+import Link from '../Link/Link'
 import { allowNull } from '../../resources/utilityFunctions'
 
 const FilesTable = ({ addClass, files }) => {
@@ -21,17 +19,24 @@ const FilesTable = ({ addClass, files }) => {
           <th>Uploaded By</th>
           <th>Size</th>
           <th>Created At</th>
+          <th></th>
         </tr>
       </thead>
       <tbody>
         {files.map((file) => {
-          const { uuid, fileName, uploadedBy, contentLength, createdAt } = file
+          const { contentLength, createdAt, fileName, href, uploadedBy, uuid  } = file
           return (
             <tr key={uuid} className='small'>
               <td>{fileName}</td>
               <td>{uploadedBy}</td>
               <td>{contentLength}</td>
               <td>{createdAt}</td>
+              <td>
+                <Link
+                  icon='fa-download'
+                  href={href}
+                />
+              </td>
             </tr>
           )
         })}

src/components/Link/Link.jsx

@@ -11,7 +11,7 @@ const Link = ({ addClass, href, icon, label, style, ...props }) => (
     {...props}
   >
     {icon && (
-      <FontAwesomeIcon icon={icon} className='me-2 small' />
+      <FontAwesomeIcon icon={icon} className={`small ${label.length > 0 && 'me-2'}`} />
     )}
     {label}
   </a>