Feat/ai workflows

.circleci/config.yml

@@ -232,6 +232,7 @@ workflows:
                               - feat/system-admin
                               - feat/v6
                               - pm-2074_1
+                              - feat/ai-workflows
 
             - deployQa:
                   context: org-global

src/apps/platform/src/PlatformApp.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import { toast, ToastContainer } from 'react-toastify'
 
-import { useViewportUnitsFix } from '~/libs/shared'
+import { NotificationsContainer, useViewportUnitsFix } from '~/libs/shared'
 
 import { AppFooter } from './components/app-footer'
 import { AppHeader } from './components/app-header'
@@ -14,6 +14,7 @@ const PlatformApp: FC<{}> = () => {
     return (
         <Providers>
             <AppHeader />
+            <NotificationsContainer />
             <div className='root-container'>
                 <PlatformRouter />
             </div>

src/apps/platform/src/providers/Providers.tsx

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react'
 
 import { authUrlLogout, ProfileProvider } from '~/libs/core'
-import { ConfigContextProvider } from '~/libs/shared'
+import { ConfigContextProvider, NotificationProvider } from '~/libs/shared'
 
 import { PlatformRouterProvider } from './platform-router.provider'
 
@@ -13,7 +13,9 @@ const Providers: FC<ProvidersProps> = props => (
     <ConfigContextProvider logoutUrl={authUrlLogout}>
         <ProfileProvider>
             <PlatformRouterProvider>
-                {props.children}
+                <NotificationProvider>
+                    {props.children}
+                </NotificationProvider>
             </PlatformRouterProvider>
         </ProfileProvider>
     </ConfigContextProvider>

src/apps/review/src/config/routes.config.ts

@@ -12,6 +12,6 @@ export const activeReviewAssignmentsRouteId = 'active-challenges'
 export const openOpportunitiesRouteId = 'open-opportunities'
 export const pastReviewAssignmentsRouteId = 'past-challenges'
 export const challengeDetailRouteId = ':challengeId'
-export const pastChallengeDetailContainerRouteId = 'past-challenge-details'
 export const scorecardRouteId = 'scorecard'
+export const aiScorecardRouteId = 'ai-scorecard'
 export const viewScorecardRouteId = ':scorecardId'

src/apps/review/src/lib/assets/icons/index.ts

@@ -2,6 +2,13 @@ import { ReactComponent as IconArrowLeft } from './arrow-left.svg'
 import { ReactComponent as IconExternalLink } from './external-link.svg'
 import { ReactComponent as IconChevronDown } from './selector.svg'
 import { ReactComponent as IconError } from './icon-error.svg'
+import { ReactComponent as IconAiReview } from './icon-ai-review.svg'
+import { ReactComponent as IconSubmission } from './icon-phase-submission.svg'
+import { ReactComponent as IconRegistration } from './icon-phase-registration.svg'
+import { ReactComponent as IconReview } from './icon-phase-review.svg'
+import { ReactComponent as IconAppeal } from './icon-phase-appeal.svg'
+import { ReactComponent as IconAppealResponse } from './icon-phase-appeal-response.svg'
+import { ReactComponent as IconPhaseWinners } from './icon-phase-winners.svg'
 
 export * from './editor/bold'
 export * from './editor/code'
@@ -19,4 +26,24 @@ export * from './editor/table'
 export * from './editor/unordered-list'
 export * from './editor/upload-file'
 
-export { IconArrowLeft, IconExternalLink, IconChevronDown, IconError }
+export {
+    IconArrowLeft,
+    IconExternalLink,
+    IconChevronDown,
+    IconError,
+    IconAiReview,
+    IconSubmission,
+    IconReview,
+    IconAppeal,
+    IconAppealResponse,
+    IconPhaseWinners,
+}
+
+export const phasesIcons = {
+    appeal: IconAppeal,
+    appealResponse: IconAppealResponse,
+    'iterative review': IconReview,
+    registration: IconRegistration,
+    review: IconReview,
+    submission: IconSubmission,
+}

src/apps/review/src/lib/components/AiReviewsTable/AiReviewsTable.module.scss

@@ -0,0 +1,77 @@
+@import '@libs/ui/styles/includes';
+
+.wrap {
+    font-family: "Nunito Sans", sans-serif;
+    max-width: 100%;
+    overflow: hidden;
+}
+
+.reviewsTable {
+    width: 100%;
+    border-collapse: collapse;
+
+    th {
+        border-top: 1px solid #A8A8A8;
+        font-weight: bold;
+        background: #E0E4E8;
+    }
+
+    th, td {
+        text-align: left;
+        font-size: 14px;
+        padding: $sp-2 $sp-4;
+        border-bottom: 1px solid #A8A8A8;
+    }
+
+    .scoreCol {
+        text-align: right;
+    }
+}
+
+.aiReviewer {
+    display: flex;
+    align-items: center;
+    gap: $sp-2;
+
+    .icon {
+        display: flex;
+        align-items: center;
+        flex: 0 0;
+    }
+
+    .workflowName {
+        > div:first-child {
+            max-width: 200px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+}
+
+.mobileCard {
+    border-top: 1px solid #A8A8A8;
+    margin-top: $sp-2;
+}
+
+.mobileRow {
+    display: flex;
+    padding-top: $sp-2;
+    padding-left: $sp-4;
+    padding-right: $sp-4;
+    > * {
+        flex: 1 1 50%;
+    }
+}
+.label {
+    font-weight: bold;
+}
+.value {
+
+    svg {
+        display: inline;
+        vertical-align: middle;
+        margin-right: $sp-1;
+    }
+
+}