linting

Author: summer-cook

src/components/FilesTable/FilesTable.jsx

@@ -19,12 +19,12 @@ const FilesTable = ({ addClass, files }) => {
           <th>Uploaded By</th>
           <th>Size</th>
           <th>Created At</th>
-          <th></th>
+          <th aria-label='actions' />
         </tr>
       </thead>
       <tbody>
         {files.map((file) => {
-          const { contentLength, createdAt, fileName, href, uploadedBy, uuid  } = file
+          const { contentLength, createdAt, fileName, href, uploadedBy, uuid } = file
           return (
             <tr key={uuid} className='small'>
               <td>{fileName}</td>
@@ -35,6 +35,7 @@ const FilesTable = ({ addClass, files }) => {
                 <Link
                   icon='fa-download'
                   href={href}
+                  aria-label='download'
                 />
               </td>
             </tr>

src/compounds/ActionsGroup/actions/ViewFiles.jsx

@@ -49,11 +49,11 @@ const ViewFiles = ({ backgroundColor, files, handleClose, onSubmit }) => {
       throw new Error(error)
     }
   }
-  
+
   const handleSubmit = async (event) => {
     event.preventDefault()
     await onSubmit({ files: apiV2CompatibleStrings([...tempFiles]) })
-    if (tempFiles.length > 0) { 
+    if (tempFiles.length > 0) {
       setShowSuccessAlert(true)
       setTempFiles([])
     }
@@ -74,15 +74,15 @@ const ViewFiles = ({ backgroundColor, files, handleClose, onSubmit }) => {
           <h6 className='mt-3'>Upload Additional Documents</h6>
           <InputGroup controlId='attachments' className='mb-3'>
             <Form.Control
-            multiple
-            type='file'
-            onChange={handleAddFile}
-            ref={fileRef}
+              multiple
+              type='file'
+              onChange={handleAddFile}
+              ref={fileRef}
             />
             <Button
-            variant='outline-primary'
-            onClick={handleSubmit}
-            type='submit'
+              variant='outline-primary'
+              onClick={handleSubmit}
+              type='submit'
             >
               <FontAwesomeIcon icon='fa-upload' />
             </Button>
@@ -93,16 +93,17 @@ const ViewFiles = ({ backgroundColor, files, handleClose, onSubmit }) => {
             const fileName = Object.keys(file)[0]
             return (
               <ListGroup.Item key={fileName} className='d-flex align-items-center'>
-              <span>{fileName}</span>
-              <CloseButton onClick={() => handleDeleteTempFile(file)} className='ms-auto' />
+                <span>{fileName}</span>
+                <CloseButton onClick={() => handleDeleteTempFile(file)} className='ms-auto' />
               </ListGroup.Item>
             )
           })}
-          {showSuccessAlert && 
-            <Alert variant='success' onClose={() => setShowSuccessAlert(false)} dismissible >
-              Your files have been uploaded successfully. It may take some time for them to appear below. 
-            </Alert>
-          }
+          {showSuccessAlert
+            && (
+              <Alert variant='success' onClose={() => setShowSuccessAlert(false)} dismissible>
+                Your files have been uploaded successfully. It may take some time for them to appear below.
+              </Alert>
+            )}
         </ListGroup>
         <Tabs defaultActiveKey='files' id='document-tabs' justify fill>
           {documentTabs && documentTabs.map((tab) => {
@@ -145,10 +146,11 @@ ViewFiles.propTypes = {
     }),
   ).isRequired,
   handleClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func.isRequired,
 }
 
 ViewFiles.defaultProps = {
-  backgroundColor: 'secondary'
+  backgroundColor: 'secondary',
 }
 
 export default ViewFiles