Merge pull request #1372 from topcoder-platform/pm-2662_3

fix(PM-2662): Show only current users winning submission in winners tab if challenge is private

Author: hentrymartin

src/apps/review/src/lib/components/TableWinners/TableWinners.tsx

@@ -1,7 +1,7 @@
 /**
  * Table Winners.
  */
-import { FC, useContext, useMemo } from 'react'
+import { FC, useCallback, useContext, useMemo } from 'react'
 import { Link, useLocation } from 'react-router-dom'
 import _ from 'lodash'
 import classNames from 'classnames'
@@ -15,13 +15,14 @@ import { IsRemovingType } from '~/apps/admin/src/lib/models'
 import {
     ChallengeDetailContextModel,
     ProjectResult,
+    ReviewAppContextModel,
 } from '../../models'
 import { TableWrapper } from '../TableWrapper'
 import { ORDINAL_SUFFIX } from '../../../config/index.config'
-import { ChallengeDetailContext } from '../../contexts'
+import { ChallengeDetailContext, ReviewAppContext } from '../../contexts'
 import { buildPhaseTabs, getHandleUrl } from '../../utils'
 import type { PhaseOrderingOptions } from '../../utils'
-import { useSubmissionDownloadAccess } from '../../hooks'
+import { useRolePermissions, UseRolePermissionsResult, useSubmissionDownloadAccess } from '../../hooks'
 import type { UseSubmissionDownloadAccessResult } from '../../hooks/useSubmissionDownloadAccess'
 import { CollapsibleAiReviewsRow } from '../CollapsibleAiReviewsRow'
 
@@ -44,6 +45,8 @@ export const TableWinners: FC<Props> = (props: Props) => {
     const isTablet = useMemo(() => screenWidth <= 744, [screenWidth])
     const location = useLocation()
     const { challengeInfo }: ChallengeDetailContextModel = useContext(ChallengeDetailContext)
+    const { canViewAllSubmissions }: UseRolePermissionsResult = useRolePermissions()
+    const { loginUserInfo }: ReviewAppContextModel = useContext(ReviewAppContext)
 
     const phaseOrderingOptions = useMemo<PhaseOrderingOptions>(() => {
         const typeName = challengeInfo?.type?.name?.toLowerCase?.() || ''
@@ -56,6 +59,42 @@ export const TableWinners: FC<Props> = (props: Props) => {
         }
     }, [challengeInfo?.type?.abbreviation, challengeInfo?.type?.name])
 
+    const isCompletedDesignChallenge = useMemo(() => {
+        if (!challengeInfo) return false
+        const type = challengeInfo.track.name ? String(challengeInfo.track.name)
+            .toLowerCase() : ''
+        const status = challengeInfo.status ? String(challengeInfo.status)
+            .toLowerCase() : ''
+        return type === 'design' && (
+            status === 'completed'
+        )
+    }, [challengeInfo])
+
+    const isSubmissionsViewable = useMemo(() => {
+        if (!challengeInfo?.metadata?.length) return false
+        return challengeInfo.metadata.some(m => m.name === 'submissionsViewable' && String(m.value)
+            .toLowerCase() === 'true')
+    }, [challengeInfo])
+
+    const canViewSubmissions = useMemo(() => {
+        if (isCompletedDesignChallenge) {
+            return canViewAllSubmissions || isSubmissionsViewable
+        }
+
+        return true
+    }, [isCompletedDesignChallenge, isSubmissionsViewable, canViewAllSubmissions])
+
+    const filterFunc = useCallback((submissions: ProjectResult[]): ProjectResult[] => submissions
+        .filter(submission => {
+            if (!canViewSubmissions) {
+                return String(submission.userId) === String(loginUserInfo?.userId)
+            }
+
+            return true
+        }), [canViewSubmissions, loginUserInfo?.userId])
+
+    const winnerData = filterFunc(datas)
+
     const reviewTabUrl = useMemo(() => {
         const searchParams = new URLSearchParams(location.search)
         const challengePhases = challengeInfo?.phases ?? []
@@ -271,11 +310,11 @@ export const TableWinners: FC<Props> = (props: Props) => {
             )}
         >
             {isTablet ? (
-                <TableMobile columns={columnsMobile} data={datas} />
+                <TableMobile columns={columnsMobile} data={winnerData} />
             ) : (
                 <Table
                     columns={columns}
-                    data={datas}
+                    data={winnerData}
                     disableSorting
                     onToggleSort={_.noop}
                     removeDefaultSort