feat: [code-1135]: add launch icon (#821)

web/src/icons/Launch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12"><path stroke="#B0B1C3" stroke-width="1.2" d="M6 1H3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6M5 7l6-6m0 0v3m0-3H8"/></svg>

web/src/pages/Home/Home.tsx

@@ -71,7 +71,7 @@ export default function Home() {
             <Layout.Vertical className={css.spaceContainer} spacing="small">
               <Text flex={{ justifyContent: 'center', align: 'center-center' }} font={{ variation: FontVariation.H2 }}>
                 {getString('homepage.welcomeText', {
-                  currentUser: currentUser?.display_name
+                  currentUser: currentUser?.display_name || currentUser?.email || ''
                 })}
               </Text>
               <Text

web/src/pages/PullRequest/PullRequestMetaLine.tsx

@@ -40,7 +40,7 @@ export const PullRequestMetaLine: React.FC<TypesPullReq & Pick<GitInfoProps, 're
   const { getString } = useStrings()
   const { routes } = useAppContext()
   const vars = {
-    user: <strong>{author?.display_name}</strong>,
+    user: <strong>{author?.display_name || author?.email || ''}</strong>,
     commits: <strong>{stats?.commits}</strong>,
     commitsCount: stats?.commits,
     target: (

web/src/pages/PullRequests/PullRequests.tsx

@@ -167,7 +167,9 @@ export default function PullRequests() {
                                 />
                               </strong>
                             ),
-                            user: <strong>{row.original.author?.display_name}</strong>
+                            user: (
+                              <strong>{row.original.author?.display_name || row.original.author?.email || ''}</strong>
+                            )
                           }}
                         />
                       </Text>

web/src/pages/RepositoriesListing/FeatureMap/FeatureMap.tsx

@@ -17,12 +17,14 @@
 import React from 'react'
 import cx from 'classnames'
 import { Icon } from '@harnessio/icons'
-import { Container, Layout, Text } from '@harnessio/uicore'
+import { Container, Layout, Text, Link } from '@harnessio/uicore'
 import { Color } from '@harnessio/design-system'
 import { ThreadSection } from 'components/ThreadSection/ThreadSection'
 import { FeatureType, type FeatureData } from 'utils/Utils'
 import { useStrings } from 'framework/strings'
 import features from './featureRoadmap.json'
+import Launch from '../../../icons/Launch.svg'
+
 import css from '../RepositoriesListing.module.scss'
 
 const FeatureMap = () => {
@@ -55,7 +57,14 @@ const FeatureMap = () => {
             {
               <Container>
                 <Layout.Vertical>
-                  <Text className={css.featureTitle}>{feature.title}</Text>
+                  <Text className={css.featureTitle}>
+                    {feature.title}
+                    <Link noStyling href={feature.link}>
+                      <Container padding={{ top: 'tiny', left: 'small' }}>
+                        <img className={css.launchIcon} src={Launch} width={12} height={12}></img>
+                      </Container>
+                    </Link>
+                  </Text>
                   <Text className={css.featureContent}>{feature.content}</Text>
                 </Layout.Vertical>
               </Container>

web/src/pages/RepositoriesListing/FeatureMap/featureRoadmap.json

@@ -1,20 +1,42 @@
 [
+  {
+    "type": "comingSoon",
+    "typeText": "coming soon",
+    "color": "purple",
+    "title": "Notifications",
+    "content": "Email notifications for pull request changes",
+    "link": "https://ideas.harness.io/admin/roadmap/gitness-roadmap/p/email-notifications"
+  },
+  {
+    "type": "comingSoon",
+    "typeText": "coming soon",
+    "color": "purple",
+    "title": "Code search",
+    "content": "Keyword search of source code across repositories",
+    "link": "https://ideas.harness.io/admin/roadmap/gitness-roadmap/p/search-across-repositories"
+  },
+  {
+    "type": "comingSoon",
+    "typeText": "coming soon",
+    "color": "purple",
+    "title": "Image support in Pull Requests",
+    "content": "Support to upload images in pull request descriptions",
+    "link": "https://ideas.harness.io/admin/roadmap/gitness-roadmap/p/image-support-in-pr-description"
+  },
   {
     "type": "released",
     "typeText": "released",
-    "title": "Semantic Search",
-    "content": "Semantic search feature is released."
+    "color": "green",
+    "title": "Code Owners",
+    "content": "Configure codeowners files to assign ownership to areas of the codebase, and automatically add as reviewers for pull requests with changes to those files",
+    "link": "https://ideas.harness.io/admin/roadmap/gitness-roadmap/p/code-owners"
   },
   {
-    "type": "comingSoon",
-    "typeText": "coming soon",
-    "title": "Code search",
-    "content": "Code search feature is coming soon in December."
-  },
-  {
-    "type": "comingSoon",
-    "typeText": "coming soon",
-    "title": "Linked repositories",
-    "content": "Linked repositories feature is coming soon in December."
+    "type": "released",
+    "typeText": "released",
+    "color": "green",
+    "title": "Branch Rules",
+    "content": "Define branch rules to enforce process and prevent unwanted changes on protected branches",
+    "link": "https://ideas.harness.io/admin/roadmap/gitness-roadmap/p/branch-rules-merge-checks"
   }
 ]

web/src/pages/RepositoriesListing/RepositoriesListing.module.scss

@@ -151,9 +151,10 @@
     padding-left: 2px !important;
   }
   .featureTitle {
-    font-size: 14px !important;
+    font-size: 13px !important;
     font-weight: 600 !important;
     padding-bottom: var(--spacing-small) !important;
+    display: flex !important;
   }
   .featureContent {
     font-size: 10px !important;
@@ -192,3 +193,10 @@
     }
   }
 }
+.repoListingContainer {
+  width: calc(100% - 285px) !important;
+}
+
+.launchIcon {
+  padding-bottom: 1px !important;
+}

web/src/pages/RepositoriesListing/RepositoriesListing.module.scss.d.ts

@@ -24,6 +24,7 @@ export declare const featureText: string
 export declare const featureTitle: string
 export declare const iconContainer: string
 export declare const input: string
+export declare const launchIcon: string
 export declare const layout: string
 export declare const main: string
 export declare const name: string
@@ -32,6 +33,7 @@ export declare const noDesc: string
 export declare const pinned: string
 export declare const progressBar: string
 export declare const releasedContainer: string
+export declare const repoListingContainer: string
 export declare const repoName: string
 export declare const repoScope: string
 export declare const row: string

web/src/pages/RepositoriesListing/RepositoriesListing.tsx

@@ -211,7 +211,7 @@ export default function RepositoriesListing() {
         <LoadingSpinner visible={loading && searchTerm === undefined} />
 
         <Layout.Horizontal>
-          <Container height={`100vh`} width={'80%'} margin={{ top: 'medium' }}>
+          <Container height={`100vh`} className={css.repoListingContainer} margin={{ top: 'medium' }}>
             <Container padding="xlarge">
               <Layout.Horizontal spacing="large" className={css.layout}>
                 {NewRepoButton}

web/src/utils/Utils.ts

@@ -122,6 +122,7 @@ export interface FeatureData {
   type: string
   title: string
   content: string
+  link: string
 }
 
 export interface SourceCodeEditorProps {