Merge pull request #1191 from topcoder-platform/diazz-admin-code-30377611

Topcoder Admin App - Add Non-MM Submission Management

Author: jmgasper

package.json

@@ -30,6 +30,7 @@
     "@stripe/stripe-js": "1.41.0",
     "@tinymce/tinymce-react": "^6.2.1",
     "@types/codemirror": "5.60.15",
+    "amazon-s3-uri": "^0.1.1",
     "apexcharts": "^3.36.0",
     "axios": "^1.7.9",
     "browser-cookies": "^1.2.0",

src/apps/admin/src/challenge-management/ManageSubmissionPage/ManageSubmissionPage.tsx

@@ -1,13 +1,19 @@
 /**
  * Manage Submission Page.
  */
-import { FC } from 'react'
+import { FC, useMemo } from 'react'
 import { useParams } from 'react-router-dom'
 import classNames from 'classnames'
 
 import { LinkButton } from '~/libs/ui'
 
 import {
+    useDownloadSubmission,
+    useDownloadSubmissionProps,
+    useFetchChallenge,
+    useFetchChallengeProps,
+    useManageAVScan,
+    useManageAVScanProps,
     useManageBusEvent,
     useManageBusEventProps,
     useManageChallengeSubmissions,
@@ -20,6 +26,7 @@ import {
     TableLoading,
     TableNoRecord,
 } from '../../lib'
+import { checkIsMM } from '../../lib/utils'
 
 import styles from './ManageSubmissionPage.module.scss'
 
@@ -35,7 +42,13 @@ export const ManageSubmissionPage: FC<Props> = (props: Props) => {
         = useManageBusEvent()
 
     const {
-        isLoading,
+        isLoading: isLoadingChallenge,
+        challengeInfo,
+    }: useFetchChallengeProps = useFetchChallenge(challengeId)
+    const isMM = useMemo(() => checkIsMM(challengeInfo), [challengeInfo])
+
+    const {
+        isLoading: isLoadingSubmission,
         submissions,
         isRemovingSubmission,
         isRemovingSubmissionBool,
@@ -48,6 +61,19 @@ export const ManageSubmissionPage: FC<Props> = (props: Props) => {
     }: useManageChallengeSubmissionsProps
         = useManageChallengeSubmissions(challengeId)
 
+    const {
+        isLoading: isDownloadingSubmission,
+        isLoadingBool: isDownloadingSubmissionBool,
+        downloadSubmission,
+    }: useDownloadSubmissionProps = useDownloadSubmission()
+    const {
+        isLoading: isDoingAvScan,
+        isLoadingBool: isDoingAvScanBool,
+        doPostBusEvent: doPostBusEventAvScan,
+    }: useManageAVScanProps = useManageAVScan()
+
+    const isLoading = isLoadingSubmission || isLoadingChallenge
+
     return (
         <PageWrapper
             pageTitle='Submission Management'
@@ -67,6 +93,10 @@ export const ManageSubmissionPage: FC<Props> = (props: Props) => {
                     ) : (
                         <div className={styles.blockTableContainer}>
                             <SubmissionTable
+                                isDoingAvScan={isDoingAvScan}
+                                doPostBusEventAvScan={doPostBusEventAvScan}
+                                isDownloading={isDownloadingSubmission}
+                                downloadSubmission={downloadSubmission}
                                 data={submissions}
                                 isRemovingSubmission={isRemovingSubmission}
                                 doRemoveSubmission={doRemoveSubmission}
@@ -80,9 +110,12 @@ export const ManageSubmissionPage: FC<Props> = (props: Props) => {
                                 doPostBusEvent={doPostBusEvent}
                                 showSubmissionHistory={showSubmissionHistory}
                                 setShowSubmissionHistory={setShowSubmissionHistory}
+                                isMM={isMM}
                             />
 
-                            {(isRemovingSubmissionBool
+                            {(isDoingAvScanBool
+                                || isDownloadingSubmissionBool
+                                || isRemovingSubmissionBool
                                 || isRunningTestBool
                                 || isRemovingReviewSummationsBool) && (
                                 <ActionLoading />

src/apps/admin/src/config/busEvent.config.ts

@@ -3,10 +3,14 @@
  */
 import { v4 as uuidv4 } from 'uuid'
 
-import { RequestBusAPI } from '../lib/models'
+import {
+    RequestBusAPI,
+    RequestBusAPIAVScan,
+    RequestBusAPIAVScanPayload,
+} from '../lib/models'
 
 /**
- * Create data for bus event
+ * Create data for data submission marathon match bus event
  * @param submissionId submission id
  * @param testType test type
  * @returns data for bus event
@@ -27,3 +31,19 @@ export const CREATE_BUS_EVENT_DATA_SUBMISSION_MARATHON_MATCH = (
         .toISOString(),
     topic: 'submission.notification.score',
 })
+
+/**
+ * Create data for av rescan bus event
+ * @param payload av rescan payload
+ * @returns data for bus event
+ */
+export const CREATE_BUS_EVENT_AV_RESCAN = (
+    payload: RequestBusAPIAVScanPayload,
+): RequestBusAPIAVScan => ({
+    'mime-type': 'application/json',
+    originator: 'submission-processor',
+    payload,
+    timestamp: new Date()
+        .toISOString(),
+    topic: 'avscan.action.scan',
+})

src/apps/admin/src/lib/components/ChallengeList/ChallengeList.tsx

@@ -21,7 +21,6 @@ import {
 import { useEventCallback } from '../../hooks'
 import { Challenge, ChallengeFilterCriteria, ChallengeType } from '../../models'
 import { Paging } from '../../models/challenge-management/Pagination'
-import { checkIsMM } from '../../utils'
 
 import { MobileListView } from './MobileListView'
 import styles from './ChallengeList.module.scss'
@@ -135,7 +134,6 @@ const Actions: FC<{
     challenge: Challenge
     currentFilters: ChallengeFilterCriteria
 }> = props => {
-    const isMM = useMemo(() => checkIsMM(props.challenge), [props.challenge])
     const [openDropdown, setOpenDropdown] = useState(false)
     const navigate = useNavigate()
     const goToManageUser = useEventCallback(() => {
@@ -202,16 +200,14 @@ const Actions: FC<{
                     >
                         Users
                     </li>
-                    {isMM && (
-                        <li
-                            onClick={function onClick() {
-                                navigate(`${props.challenge.id}/manage-submission`)
-                                setOpenDropdown(false)
-                            }}
-                        >
-                            Submissions
-                        </li>
-                    )}
+                    <li
+                        onClick={function onClick() {
+                            navigate(`${props.challenge.id}/manage-submission`)
+                            setOpenDropdown(false)
+                        }}
+                    >
+                        Submissions
+                    </li>
                 </ul>
             </DropdownMenu>
 

src/apps/admin/src/lib/components/SubmissionTable/ShowHistoryButton.tsx

@@ -0,0 +1,31 @@
+/**
+ * Submission Table Actions For Non MM Challenge.
+ */
+import { Dispatch, FC, SetStateAction } from 'react'
+
+import { Button } from '~/libs/ui'
+
+import { IsRemovingType, Submission } from '../../models'
+
+interface Props {
+    data: Submission
+    showSubmissionHistory: IsRemovingType
+    setShowSubmissionHistory: Dispatch<SetStateAction<IsRemovingType>>
+}
+
+export const ShowHistoryButton: FC<Props> = (props: Props) => (
+    <Button
+        onClick={function onClick() {
+            props.setShowSubmissionHistory(prev => ({
+                ...prev,
+                [props.data.id]: !prev[props.data.id],
+            }))
+        }}
+    >
+        {props.showSubmissionHistory[props.data.id] ? 'Hide' : 'Show'}
+        {' '}
+        History
+    </Button>
+)
+
+export default ShowHistoryButton

src/apps/admin/src/lib/components/SubmissionTable/SubmissionTable.module.scss

@@ -13,6 +13,10 @@
 .rowActions {
     display: flex;
     align-items: center;
+
+    @include ltelg {
+        flex-wrap: wrap;
+    }
 }
 
 .desktopTable {