fix: lint issues

Author: hentrymartin

src/shared/components/ReviewOpportunityDetailsPage/ApplyModal/index.jsx

@@ -82,6 +82,7 @@ class ApplyModal extends React.Component {
                       onChange={() => toggleRole(position.roleId)}
                       type="checkbox"
                     />
+                    {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                     <label htmlFor={`${position.roleId}-checkbox`}>
                       <input type="hidden" />
                       <div styleName="tc-checkbox-label" />

src/shared/components/SubmissionManagement/DownloadArtifactsModal/index.jsx

@@ -7,17 +7,21 @@ import React, { useEffect, useState } from 'react';
 
 import { Modal } from 'topcoder-react-ui-kit';
 
-import style from './style.scss';
 import LoadingIndicator from 'components/LoadingIndicator';
-
 import DownloadIcon from '../Icons/IconSquareDownload.svg';
+import style from './style.scss';
 
 const theme = {
   container: style.modalContainer,
   overlay: style.modalOverlay,
 };
 
-export const DownloadArtifactsModal = ({submissionId, onCancel, getSubmissionArtifacts, onDownloadArtifacts}) => {
+export default function DownloadArtifactsModal({
+  submissionId,
+  onCancel,
+  getSubmissionArtifacts,
+  onDownloadArtifacts,
+}) {
   const [artifacts, setArtifacts] = useState([]);
   const [loading, setLoading] = useState(false);
 
@@ -32,7 +36,6 @@ export const DownloadArtifactsModal = ({submissionId, onCancel, getSubmissionArt
     getArtifacts();
   }, [submissionId]);
 
-  console.log(artifacts, 'artifacts');
   return (
     <div styleName="container">
       <Modal
@@ -46,20 +49,18 @@ export const DownloadArtifactsModal = ({submissionId, onCancel, getSubmissionArt
               <div>Action</div>
             </div>
             {
-              !loading && artifacts.map((item) => {
-                return (
-                  <div styleName="list-item">
-                    <div styleName="artifact-name">{item}</div>
-                    <button
-                      onClick={() => onDownloadArtifacts(item, submissionId)}
-                      type="button"
-                      styleName="icon-download"
-                    >
-                      <DownloadIcon />
-                    </button>
-                  </div>
-                )
-              })
+              !loading && artifacts.map(item => (
+                <div styleName="list-item">
+                  <div styleName="artifact-name">{item}</div>
+                  <button
+                    onClick={() => onDownloadArtifacts(item, submissionId)}
+                    type="button"
+                    styleName="icon-download"
+                  >
+                    <DownloadIcon />
+                  </button>
+                </div>
+              ))
             }
 
             {
@@ -70,7 +71,7 @@ export const DownloadArtifactsModal = ({submissionId, onCancel, getSubmissionArt
         </div>
       </Modal>
     </div>
-  )
+  );
 }
 
 DownloadArtifactsModal.defaultProps = {

src/shared/components/SubmissionManagement/SubmissionManagement/index.jsx

@@ -209,6 +209,8 @@ SubmissionManagement.defaultProps = {
   onDelete: _.noop,
   onShowDetails: _.noop,
   onDownload: _.noop,
+  onDownloadArtifacts: _.noop,
+  getSubmissionArtifacts: _.noop,
   onlineReviewUrl: '',
   helpPageUrl: '',
   loadingSubmissions: false,
@@ -224,6 +226,8 @@ SubmissionManagement.propTypes = {
   helpPageUrl: PT.string,
   onDownload: PT.func,
   onShowDetails: PT.func,
+  onDownloadArtifacts: PT.func,
+  getSubmissionArtifacts: PT.func,
   submissions: PT.arrayOf(PT.shape()),
   loadingSubmissions: PT.bool,
   challengeUrl: PT.string,

src/shared/components/SubmissionManagement/SubmissionsTable/index.jsx

@@ -20,11 +20,11 @@ import PT from 'prop-types';
 import shortid from 'shortid';
 import moment from 'moment';
 import { COMPETITION_TRACKS } from 'utils/tc';
-import Submission from '../Submission';
-import ScreeningDetails from '../ScreeningDetails';
 import { PrimaryButton } from 'topcoder-react-ui-kit';
+import ScreeningDetails from '../ScreeningDetails';
+import DownloadArtifactsModal from '../DownloadArtifactsModal';
+import Submission from '../Submission';
 import style from './styles.scss';
-import { DownloadArtifactsModal } from '../DownloadArtifactsModal';
 
 export default function SubmissionsTable(props) {
   const [submissionId, setSubmissionId] = useState('');
@@ -44,6 +44,10 @@ export default function SubmissionsTable(props) {
     getSubmissionArtifacts,
   } = props;
 
+  const onOpenDownloadArtifactsModal = (id) => {
+    setSubmissionId(id);
+  };
+
   const submissionsWithDetails = [];
   if (!submissionObjects || submissionObjects.length === 0) {
     submissionsWithDetails.push((
@@ -81,7 +85,14 @@ export default function SubmissionsTable(props) {
           {showDetails[subObject.id]
             && (
             <td colSpan="6" styleName="dev-details">
-              <PrimaryButton theme={{button: style['upload-artifact-btn']}} onClick={() => onOpenDownloadArtifactsModal(subObject.id)}>Download Artifacts</PrimaryButton>
+              <PrimaryButton
+                theme={{
+                  button: style['upload-artifact-btn'],
+                }}
+                onClick={() => onOpenDownloadArtifactsModal(subObject.id)}
+              >
+                Download Artifacts
+              </PrimaryButton>
               <ScreeningDetails
                 screeningObject={subObject.screening}
                 helpPageUrl={helpPageUrl}
@@ -96,10 +107,6 @@ export default function SubmissionsTable(props) {
     });
   }
 
-  const onOpenDownloadArtifactsModal = (submissionId) => {
-    setSubmissionId(submissionId);
-  };
-
   return (
     <div styleName="submissions-table">
       <table>
@@ -148,6 +155,8 @@ SubmissionsTable.defaultProps = {
   onDelete: _.noop,
   onDownload: _.noop,
   onShowDetails: _.noop,
+  onDownloadArtifacts: _.noop,
+  getSubmissionArtifacts: _.noop,
   onlineReviewUrl: '',
   helpPageUrl: '',
 };
@@ -162,6 +171,8 @@ SubmissionsTable.propTypes = {
   helpPageUrl: PT.string,
   onDownload: PT.func,
   onShowDetails: PT.func,
+  onDownloadArtifacts: PT.func,
+  getSubmissionArtifacts: PT.func,
   status: PT.string.isRequired,
   submissionPhaseStartDate: PT.string.isRequired,
 };

src/shared/components/SubmissionPage/Submit/index.jsx

@@ -343,6 +343,7 @@ class Submit extends React.Component {
                   aria-label="I understand and agree"
                   onChange={e => setAgreed(e.target.checked)}
                 />
+                {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                 <label htmlFor="agree">
                   <input type="hidden" />
                 </label>

src/shared/containers/SubmissionManagement/index.jsx

@@ -133,7 +133,7 @@ class SubmissionManagementPageContainer extends React.Component {
         'application/pdf': 'pdf',
         'image/jpeg': 'jpg',
         'image/png': 'png',
-        'text/plain': 'txt'
+        'text/plain': 'txt',
       };
       return mimeMap[mimeType] || 'zip';
     };
@@ -171,7 +171,6 @@ class SubmissionManagementPageContainer extends React.Component {
           });
       },
       getSubmissionArtifacts: (submissionId) => {
-        console.log(authTokens, 'authTokens');
         const submissionsService = getService(authTokens.tokenV3);
         return submissionsService.getSubmissionArtifacts(submissionId);
       },