feat(Vulnerability): Added svm link for external id

Author: Farooq-Fateh-Aftab

src/app/[locale]/vulnerabilities/detail/[id]/components/Summary.tsx

@@ -14,13 +14,15 @@ import { signOut, useSession } from 'next-auth/react'
 import { useTranslations } from 'next-intl'
 import { ReactNode, useEffect, useState } from 'react'
 import { DisplayMap } from '@/components/DisplayMap/DisplayMap'
-import { Vulnerability } from '@/object-types'
+import { useConfigValue } from '@/contexts'
+import { UIConfigKeys, Vulnerability } from '@/object-types'
 import UsingReleasesTable from './UsingReleasesTable'
 
 export default function Summary({ summaryData }: { summaryData: Vulnerability }): ReactNode {
     const t = useTranslations('default')
     const [toggle, setToggle] = useState(false)
     const { status } = useSession()
+    const svmNotificationUrl = useConfigValue(UIConfigKeys.UI_SVM_NOTIFICATION_URL) as string | null
 
     useEffect(() => {
         if (status === 'unauthenticated') {
@@ -54,7 +56,29 @@ export default function Summary({ summaryData }: { summaryData: Vulnerability })
                     </tr>
                     <tr>
                         <td>{t('External Id')}:</td>
-                        <td>{(summaryData.externalId ?? '') && (summaryData.externalId ?? '')}</td>
+                        <td>
+                            {(() => {
+                                const externalId = summaryData.externalId
+                                if (!externalId) return ''
+
+                                const urlString = String(svmNotificationUrl || '').trim()
+                                if (urlString && urlString.length > 0) {
+                                    const fullUrl = `${urlString}${externalId}`
+                                    return (
+                                        <a
+                                            href={fullUrl}
+                                            target='_blank'
+                                            rel='noopener noreferrer'
+                                            className='text-link'
+                                        >
+                                            {externalId}
+                                        </a>
+                                    )
+                                }
+
+                                return externalId
+                            })()}
+                        </td>
                     </tr>
                     <tr>
                         <td>{t('Publish Date')}:</td>

src/contexts/UiConfigContext.tsx

@@ -34,7 +34,7 @@ export function useUiConfigContext() {
     return context
 }
 
-export function useConfigValue(key: UIConfigKeys): boolean | string[] | null {
+export function useConfigValue(key: UIConfigKeys): boolean | string[] | string | null {
     const { config } = useUiConfigContext()
 
     if (!config || !(key in config)) {

src/object-types/UiConfiguration.ts

@@ -7,19 +7,23 @@
 // SPDX-License-Identifier: EPL-2.0
 // License-Filename: LICENSE
 
-import { ArrayTypeUIConfigKeys, UIConfigKeys } from './enums/UIConfigKeys'
+import { ArrayTypeUIConfigKeys, StringTypeUIConfigKeys, UIConfigKeys } from './enums/UIConfigKeys'
 
 export type UiConfiguration = {
     [key in UIConfigKeys]: string
 }
 
 // Extended type for processed configuration after parsing
 export type ProcessedUiConfig = {
-    [key in UIConfigKeys]: key extends (typeof ArrayTypeUIConfigKeys)[number] ? string[] : boolean
+    [key in UIConfigKeys]: key extends (typeof ArrayTypeUIConfigKeys)[number]
+        ? string[]
+        : key extends (typeof StringTypeUIConfigKeys)[number]
+          ? string
+          : boolean
 }
 
 // Helper functions to process raw configuration
-export function parseConfigValue(key: UIConfigKeys, value: string): string[] | boolean {
+export function parseConfigValue(key: UIConfigKeys, value: string): string[] | string | boolean {
     if (ArrayTypeUIConfigKeys.includes(key)) {
         if (value === undefined) {
             return []
@@ -31,12 +35,12 @@ export function parseConfigValue(key: UIConfigKeys, value: string): string[] | b
             parsedValues = []
         }
         return parsedValues.map((item) => item.trim()).filter(Boolean)
+    } else if (StringTypeUIConfigKeys.includes(key)) {
+        // Handle string type configurations
+        return value || ''
     } else {
-        if (value) {
-            return value.toLowerCase() === 'true'
-        } else {
-            return false
-        }
+        // Handle boolean type configurations
+        return value ? value.toLowerCase() === 'true' : false
     }
 }
 

src/object-types/enums/UIConfigKeys.ts

@@ -30,6 +30,7 @@ export enum UIConfigKeys {
     UI_CUSTOMMAP_PROJECT_ROLES = 'ui.custommap.project.roles',
     UI_ENABLE_SECURITY_VULNERABILITY_MONITORING = 'ui.enable.security.vulnerability.monitoring',
     UI_REST_APITOKEN_WRITE_GENERATOR_ENABLE = 'ui.rest.apitoken.write.generator.enable',
+    UI_SVM_NOTIFICATION_URL = 'svm.notification.url',
 }
 
 export const ArrayTypeUIConfigKeys: UIConfigKeys[] = [
@@ -51,3 +52,7 @@ export const ArrayTypeUIConfigKeys: UIConfigKeys[] = [
     UIConfigKeys.UI_SOFTWARE_PLATFORMS,
     UIConfigKeys.UI_CUSTOMMAP_RELEASE_ROLES,
 ]
+
+export const StringTypeUIConfigKeys: UIConfigKeys[] = [
+    UIConfigKeys.UI_SVM_NOTIFICATION_URL,
+]