feat: add notifications icon in page header

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.6-pre-44",
+    "version": "1.20.6-pre-46",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

src/Common/API/CoreAPI.ts

@@ -55,6 +55,9 @@ class CoreAPI {
             method: type,
             signal,
             body: data ? JSON.stringify(data) : undefined,
+            headers: {
+                'Content-Type': 'application/json',
+            },
         }
         // eslint-disable-next-line dot-notation
         options['credentials'] = 'include' as RequestCredentials

src/Common/Constants.ts

@@ -64,7 +64,6 @@ const DATA_PROTECTION_ROOT = '/data-protection-management'
 const DATA_PROTECTION_BACKUP_AND_SCHEDULE =
     `${DATA_PROTECTION_ROOT}/backup-and-schedule/:view(${Object.values(BackupAndScheduleListViewEnum).join('|')})` as const
 const GLOBAL_CONFIG_ROOT = '/global-configuration'
-const AI_RECOMMENDATIONS_ROOT = '/ai-recommendations'
 
 export const URLS = {
     LOGIN: '/login',
@@ -116,6 +115,7 @@ export const URLS = {
     INFRASTRUCTURE_MANAGEMENT_CHART_STORE_DISCOVER: `${INFRASTRUCTURE_MANAGEMENT_ROOT}/chart-store/discover`,
     INFRASTRUCTURE_MANAGEMENT_RESOURCE_BROWSER: `${INFRASTRUCTURE_MANAGEMENT_ROOT}/resource-browser`,
     INFRASTRUCTURE_MANAGEMENT_RESOURCE_WATCHER: `${INFRASTRUCTURE_MANAGEMENT_ROOT}/resource-watcher`,
+    INFRASTRUCTURE_MANAGEMENT_AUDIT_LOGS: `${INFRASTRUCTURE_MANAGEMENT_ROOT}/audit-logs`,
     // SOFTWARE RELEASE MANAGEMENT
     SOFTWARE_RELEASE_MANAGEMENT: SOFTWARE_RELEASE_MANAGEMENT_ROOT,
     // COST VISIBILITY
@@ -136,6 +136,7 @@ export const URLS = {
     // AUTOMATION AND ENABLEMENT
     AUTOMATION_AND_ENABLEMENT: AUTOMATION_AND_ENABLEMENT_ROOT,
     AUTOMATION_AND_ENABLEMENT_JOB: `${AUTOMATION_AND_ENABLEMENT_ROOT}/job`,
+    AUTOMATION_ENABLEMENT_RUNBOOKS: `${AUTOMATION_AND_ENABLEMENT_ROOT}/runbooks`,
     // DATA PROTECTION
     DATA_PROTECTION: DATA_PROTECTION_ROOT,
     DATA_PROTECTION_OVERVIEW: `${DATA_PROTECTION_ROOT}/overview`,
@@ -150,9 +151,6 @@ export const URLS = {
     GLOBAL_CONFIG_DOCKER: `${GLOBAL_CONFIG_ROOT}/docker`,
     GLOBAL_CONFIG_EDIT_CLUSTER: `${GLOBAL_CONFIG_ROOT}/cluster-env/edit/:clusterId`,
     PERMISSION_GROUPS: `${GLOBAL_CONFIG_ROOT}/auth/groups`,
-    // AI RECOMMENDATIONS
-    AI_RECOMMENDATIONS: AI_RECOMMENDATIONS_ROOT,
-    AI_RECOMMENDATIONS_OVERVIEW: `${AI_RECOMMENDATIONS_ROOT}/overview`,
     EXTERNAL_APPS: 'ea',
 } as const
 

src/Shared/Components/Charts/Chart.component.tsx

@@ -174,6 +174,8 @@ ChartJSTooltip.positioners.barElementCenterPositioner = (items, eventPosition) =
  * @param type - Chart type: 'area', 'pie', 'semiPie', 'stackedBar', 'stackedBarHorizontal', or 'line'
  * @param xAxisLabels - Array of labels for the x-axis (or categories for pie/semi-pie charts)
  * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie/semi-pie charts
+ * @param xAxisConfig
+ * @param yAxisConfig
  *
  * @performance
  * **Memoization Recommendations:**
@@ -220,6 +222,8 @@ const Chart = (props: ChartProps) => {
         yAxisMax,
         yScaleTitle,
         centerText,
+        xAxisConfig,
+        yAxisConfig,
     } = props
     const { getTooltipContent, placement } = tooltipConfig || { placement: 'top' }
 
@@ -317,6 +321,8 @@ const Chart = (props: ChartProps) => {
         yAxisMax,
         yScaleTitle,
         centerText,
+        xAxisConfig,
+        yAxisConfig,
     ])
 
     return (

src/Shared/Components/Charts/types.ts

@@ -59,13 +59,26 @@ export interface CenterTextConfig {
     fontFamily?: string
 }
 
+export interface AxisConfig {
+    title?: string
+    unit?: string
+    unitPosition?: 'prefix' | 'suffix'
+    labelFormatter?: (value: number | string, index: number) => string | string[] | number | number[]
+    hide?: boolean
+    max?: number
+    min?: number
+    stepSize?: number
+}
+
 type XYAxisMax = {
     xAxisMax?: number
     yAxisMax?: number
     /**
      * Optional reference lines to draw across the chart
      */
     referenceLines?: ReferenceLineConfigType[]
+    xAxisConfig?: AxisConfig
+    yAxisConfig?: AxisConfig
 }
 
 type OnChartClickHandler = (datasetName: string, value: number) => void
@@ -130,9 +143,7 @@ export type ChartProps = {
         placement?: TooltipProps['placement']
         datasetValueFormatter?: (value: number) => string | number
     }
-    /** A title for x axis */
     xScaleTitle?: string
-    /** A title for y axis */
     yScaleTitle?: string
 } & TypeAndDatasetsType
 

src/Shared/Components/DocLink/constants.ts

@@ -116,7 +116,8 @@ export const DOCUMENTATION = {
     GLOBAL_CONFIG_SSO_LOGIN_MICROSOFT: 'global-configurations/authorization/sso-login/microsoft',
     GLOBAL_CONFIG_PULL_IMAGE_DIGEST: 'global-configurations/pull-image-digest',
     GLOBAL_CONFIG_TAGS: 'getting-started/global-configurations/tags-policy',
-
+    // TODO: Replace with correct Url
+    SAMPLE_RUNBOOK_LINK: 'https://docs.devtron.ai/user-guide/ai-recommendations/runbook#add-runbook-spec',
     // Software Release Management
     SOFTWARE_DISTRIBUTION_HUB: 'usage/software-distribution-hub',
     RELEASE_TRACKS: 'usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions',