Topcoder Admin App - Marathon Match Functionality

package.json

@@ -103,7 +103,7 @@
     "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.27",
     "typescript": "^4.8.4",
     "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9fc50d938be7182",
-    "uuid": "^9.0.0",
+    "uuid": "^11.1.0",
     "yup": "^1.6.1"
   },
   "devDependencies": {

src/apps/admin/src/admin-app.routes.tsx

@@ -33,6 +33,10 @@ const ManageResourcePage: LazyLoadedComponent = lazyLoad(
     () => import('./challenge-management/ManageResourcePage'),
     'ManageResourcePage',
 )
+const ManageSubmissionPage: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/ManageSubmissionPage'),
+    'ManageSubmissionPage',
+)
 const AddResourcePage: LazyLoadedComponent = lazyLoad(
     () => import('./challenge-management/AddResourcePage'),
     'AddResourcePage',
@@ -145,6 +149,11 @@ export const adminRoutes: ReadonlyArray<PlatformRoute> = [
                         id: 'add-resource',
                         route: ':challengeId/manage-resource/add',
                     },
+                    {
+                        element: <ManageSubmissionPage />,
+                        id: 'manage-resource',
+                        route: ':challengeId/manage-submission',
+                    },
                 ],
                 element: <ChallengeManagement />,
                 id: manageChallengeRouteId,

src/apps/admin/src/challenge-management/ManageSubmissionPage/ManageSubmissionPage.module.scss

@@ -0,0 +1,8 @@
+.container {
+    display: flex;
+    flex-direction: column;
+}
+
+.blockTableContainer {
+    position: relative;
+}

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

@@ -0,0 +1,98 @@
+/**
+ * Manage Submission Page.
+ */
+import { FC } from 'react'
+import { useParams } from 'react-router-dom'
+import classNames from 'classnames'
+
+import { LinkButton } from '~/libs/ui'
+
+import {
+    useManageBusEvent,
+    useManageBusEventProps,
+    useManageChallengeSubmissions,
+    useManageChallengeSubmissionsProps,
+} from '../../lib/hooks'
+import {
+    ActionLoading,
+    PageWrapper,
+    SubmissionTable,
+    TableLoading,
+    TableNoRecord,
+} from '../../lib'
+
+import styles from './ManageSubmissionPage.module.scss'
+
+interface Props {
+    className?: string
+}
+
+export const ManageSubmissionPage: FC<Props> = (props: Props) => {
+    const { challengeId = '' }: { challengeId?: string } = useParams<{
+        challengeId: string
+    }>()
+    const { isRunningTest, isRunningTestBool, doPostBusEvent }: useManageBusEventProps
+        = useManageBusEvent()
+
+    const {
+        isLoading,
+        submissions,
+        isRemovingSubmission,
+        isRemovingSubmissionBool,
+        isRemovingReviewSummations,
+        isRemovingReviewSummationsBool,
+        doRemoveSubmission,
+        doRemoveReviewSummations,
+        showSubmissionHistory,
+        setShowSubmissionHistory,
+    }: useManageChallengeSubmissionsProps
+        = useManageChallengeSubmissions(challengeId)
+
+    return (
+        <PageWrapper
+            pageTitle='Submission Management'
+            className={classNames(styles.container, props.className)}
+            headerActions={(
+                <LinkButton primary light to='./../..' size='lg'>
+                    Back
+                </LinkButton>
+            )}
+        >
+            {isLoading ? (
+                <TableLoading />
+            ) : (
+                <>
+                    {submissions.length === 0 ? (
+                        <TableNoRecord />
+                    ) : (
+                        <div className={styles.blockTableContainer}>
+                            <SubmissionTable
+                                datas={submissions}
+                                isRemovingSubmission={isRemovingSubmission}
+                                doRemoveSubmission={doRemoveSubmission}
+                                isRemovingReviewSummations={
+                                    isRemovingReviewSummations
+                                }
+                                doRemoveReviewSummations={
+                                    doRemoveReviewSummations
+                                }
+                                isRunningTest={isRunningTest}
+                                doPostBusEvent={doPostBusEvent}
+                                showSubmissionHistory={showSubmissionHistory}
+                                setShowSubmissionHistory={setShowSubmissionHistory}
+                            />
+
+                            {(isRemovingSubmissionBool
+                                || isRunningTestBool
+                                || isRemovingReviewSummationsBool) && (
+                                <ActionLoading />
+                            )}
+                        </div>
+                    )}
+                </>
+            )}
+        </PageWrapper>
+    )
+}
+
+export default ManageSubmissionPage

src/apps/admin/src/challenge-management/ManageSubmissionPage/index.ts

@@ -0,0 +1 @@
+export { default as ManageSubmissionPage } from './ManageSubmissionPage'

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

@@ -0,0 +1,29 @@
+/**
+ * App config for bus event
+ */
+import { v4 as uuidv4 } from 'uuid'
+
+import { RequestBusAPI } from '../lib/models'
+
+/**
+ * Create data for bus event
+ * @param submissionId submission id
+ * @param testType test type
+ * @returns data for bus event
+ */
+export const CREATE_BUS_EVENT_DATA_SUBMISSION_MARATHON_MATCH = (
+    submissionId: string,
+    testType: string,
+): RequestBusAPI => ({
+    'mime-type': 'application/json',
+    originator: 'MMFinalScoreProcessor',
+    payload: {
+        id: uuidv4(),
+        resource: 'score',
+        submissionId,
+        testType,
+    },
+    timestamp: new Date()
+        .toISOString(),
+    topic: 'submission.notification.score',
+})

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

@@ -21,6 +21,7 @@ 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'
@@ -134,6 +135,7 @@ 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(() => {
@@ -208,6 +210,16 @@ const Actions: FC<{
                     >
                         Resources
                     </li>
+                    {isMM && (
+                        <li
+                            onClick={function onClick() {
+                                navigate(`${props.challenge.id}/manage-submission`)
+                                setOpenDropdown(false)
+                            }}
+                        >
+                            Submissions
+                        </li>
+                    )}
                 </ul>
             </DropdownMenu>
 

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

@@ -0,0 +1,22 @@
+@import '@libs/ui/styles/includes';
+
+.container {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: $sp-8;
+
+    @include ltelg {
+        padding-bottom: $sp-4;
+    }
+}
+
+.rowActions {
+    display: flex;
+    align-items: center;
+}
+
+.desktopTable {
+    td {
+        vertical-align: middle;
+    }
+}