Merge pull request #373 from topcoder-platform/PROD-2028_icon-mapping

PROD-2028 correct dashboard icon mapping -> PROD-1521_PROD-1551_dashboard-and-header

Author: testflyjets

src-ts/lib/svgs/index.ts

@@ -4,14 +4,14 @@ import * as IconSolid from '@heroicons/react/solid'
 
 import { ReactComponent as LogoIcon } from './logo.svg'
 import { ReactComponent as TooltipArrowIcon } from './tooltip-arrow.svg'
-import { ReactComponent as WorkTypeDataExplorationIcon } from './work-type-data-exploration.svg'
-import { ReactComponent as WorkTypeUnknownIcon } from './work-type-unknown.svg'
-import { ReactComponent as WorkTypeWebsiteDesignIcon } from './work-type-website-design.svg'
+import { ReactComponent as WorkTypeCategoryDataIcon } from './work-type-category-data.svg'
+import { ReactComponent as WorkTypeCategoryDesignIcon } from './work-type-category-design.svg'
+import { ReactComponent as WorkTypeCategoryUnknownIcon } from './work-type-category-unknown.svg'
 
 export { IconOutline }
 export { IconSolid }
 export { LogoIcon }
 export { TooltipArrowIcon }
-export { WorkTypeDataExplorationIcon }
-export { WorkTypeUnknownIcon }
-export { WorkTypeWebsiteDesignIcon }
+export { WorkTypeCategoryDataIcon }
+export { WorkTypeCategoryDesignIcon }
+export { WorkTypeCategoryUnknownIcon }

src-ts/lib/svgs/work-type-data-exploration.svg renamed to src-ts/lib/svgs/work-type-category-data.svg

@@ -6,4 +6,5 @@ export {
     type Work,
     WorkStatus,
     WorkType,
+    WorkTypeCategory,
 } from './work-factory'

src-ts/lib/svgs/work-type-website-design.svg renamed to src-ts/lib/svgs/work-type-category-design.svg

@@ -1,4 +1,5 @@
 export * from './work-status.enum'
+export * from './work-type-category.enum'
 export * from './work-type.enum'
 export { create as workFactoryCreate } from './work.factory'
 export * from './work.model'

src-ts/lib/svgs/work-type-unknown.svg renamed to src-ts/lib/svgs/work-type-category-unknown.svg

@@ -0,0 +1,7 @@
+export enum WorkTypeCategory {
+    data = 'Data',
+    design = 'Design',
+    dev = 'Development',
+    qa = 'QA',
+    unknown = '',
+}

src-ts/lib/work-provider/work-functions/index.ts

@@ -8,6 +8,7 @@ import { Challenge, ChallengeMetadata } from '../work-store'
 
 import { ChallengeStatus } from './challenge-status.enum'
 import { WorkStatus } from './work-status.enum'
+import { WorkTypeCategory } from './work-type-category.enum'
 import { WorkType } from './work-type.enum'
 import { Work } from './work.model'
 
@@ -26,6 +27,7 @@ export function create(challenge: Challenge): Work {
         status,
         title: challenge.name,
         type,
+        typeCategory: getTypeCategory(type),
     }
 }
 
@@ -138,3 +140,20 @@ function getType(challenge: Challenge): WorkType {
     const output: WorkType = !!workTypeKey ? WorkType[workTypeKey] : WorkType.unknown
     return output
 }
+
+function getTypeCategory(type: WorkType): WorkTypeCategory {
+
+    switch (type) {
+
+        case WorkType.data:
+        case WorkType.findData:
+            return WorkTypeCategory.data
+
+        case WorkType.design:
+            return WorkTypeCategory.design
+
+        // TOOD: other categories: qa and dev
+        default:
+            return WorkTypeCategory.unknown
+    }
+}

src-ts/lib/work-provider/work-functions/work-factory/index.ts

@@ -1,4 +1,5 @@
 import { WorkStatus } from './work-status.enum'
+import { WorkTypeCategory } from './work-type-category.enum'
 import { WorkType } from './work-type.enum'
 
 export interface Work {
@@ -11,4 +12,5 @@ export interface Work {
     status: WorkStatus
     title: string
     type: WorkType
+    typeCategory: WorkTypeCategory
 }

src-ts/lib/work-provider/work-functions/work-factory/work-type-category.enum.ts

@@ -2,29 +2,30 @@ import { FC, SVGProps } from 'react'
 
 import {
     Work,
-    WorkType,
-    WorkTypeDataExplorationIcon,
-    WorkTypeUnknownIcon,
-    WorkTypeWebsiteDesignIcon,
+    WorkTypeCategory,
+    WorkTypeCategoryDataIcon,
+    WorkTypeCategoryDesignIcon,
+    WorkTypeCategoryUnknownIcon,
 } from '../../../../lib'
 
 import styles from './WorkTableTitleRenderer.module.scss'
 
 function WorkTableTitleRenderer(data: Work): JSX.Element {
 
     let Icon: FC<SVGProps<SVGSVGElement>>
-    switch (data.type) {
+    switch (data.typeCategory) {
 
-        case WorkType.design:
-            Icon = WorkTypeWebsiteDesignIcon
+        case WorkTypeCategory.data:
+            Icon = WorkTypeCategoryDataIcon
             break
 
-        case WorkType.data:
-            Icon = WorkTypeDataExplorationIcon
+        case WorkTypeCategory.design:
+            Icon = WorkTypeCategoryDesignIcon
             break
 
+        // TODO: qa and dev work categories
         default:
-            Icon = WorkTypeUnknownIcon
+            Icon = WorkTypeCategoryUnknownIcon
             break
     }