Dummy resource recommender develop

src/Common/Constants.ts

@@ -86,6 +86,7 @@ export const URLS = {
     // NOTE: using appId since we are re-using AppConfig component
     GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: `${GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP}/detail/:appId`,
     LICENSE_AUTH: '/license-auth',
+    GLOBAL_CONFIG_EDIT_CLUSTER: '/global-config/cluster-env/edit/:clusterId',
 } as const
 
 export const ROUTES = {
@@ -381,6 +382,7 @@ export const API_STATUS_CODES = {
     NOT_FOUND: 404,
     REQUEST_TIMEOUT: 408,
     CONFLICT: 409,
+    PRE_CONDITION_FAILED: 412,
     EXPECTATION_FAILED: 417,
     UNPROCESSABLE_ENTITY: 422,
     LOCKED: 423,

src/Shared/Components/InfoBlock/InfoBlock.component.tsx

@@ -19,8 +19,9 @@ import { deriveBorderRadiusAndBorderClassFromConfig } from '@Shared/Helpers'
 
 import { Button } from '../Button'
 import {
-    CONTAINER_SIZE_TO_BUTTON_SIZE,
     CONTAINER_SIZE_TO_CLASS_MAP,
+    CONTAINER_SIZE_TO_ICON_BUTTON_SIZE,
+    CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE,
     SIZE_TO_ICON_CLASS_MAP,
     VARIANT_TO_ICON_MAP,
 } from './constants'
@@ -40,6 +41,9 @@ const InfoBlock = ({
     const baseContainerClass = `${CONTAINER_SIZE_TO_CLASS_MAP[size]} ${VARIANT_TO_BG_MAP[variant]} ${VARIANT_TO_BORDER_MAP[variant]} ${deriveBorderRadiusAndBorderClassFromConfig({ borderConfig, borderRadiusConfig })} w-100 py-8 br-4 bw-1`
     const iconClass = `dc__no-shrink flex dc__fill-available-space ${SIZE_TO_ICON_CLASS_MAP[size]}`
     const icon = customIcon ?? VARIANT_TO_ICON_MAP[variant]
+    const buttonSize = buttonProps?.icon
+        ? CONTAINER_SIZE_TO_ICON_BUTTON_SIZE[size]
+        : CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE[size]
 
     const renderIcon = () => <span className={iconClass}>{icon}</span>
 
@@ -99,7 +103,7 @@ const InfoBlock = ({
                     {renderContent()}
                 </div>
 
-                {buttonProps && <Button {...buttonProps} size={CONTAINER_SIZE_TO_BUTTON_SIZE[size]} />}
+                {buttonProps && <Button {...buttonProps} size={buttonSize} />}
             </div>
         )
     }
@@ -112,7 +116,7 @@ const InfoBlock = ({
                     {renderIcon()}
                 </div>
 
-                {buttonProps && <Button {...buttonProps} size={CONTAINER_SIZE_TO_BUTTON_SIZE[size]} />}
+                {buttonProps && <Button {...buttonProps} size={buttonSize} />}
             </div>
         )
     }

src/Shared/Components/InfoBlock/constants.tsx

@@ -39,7 +39,12 @@ export const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string> = {
     [ComponentSizeType.medium]: 'icon-dim-18',
 }
 
-export const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']> = {
+export const CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']> = {
     [ComponentSizeType.large]: ComponentSizeType.medium,
-    [ComponentSizeType.medium]: ComponentSizeType.small,
+    [ComponentSizeType.medium]: ComponentSizeType.xs,
+}
+
+export const CONTAINER_SIZE_TO_ICON_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']> = {
+    [ComponentSizeType.large]: ComponentSizeType.xxs,
+    [ComponentSizeType.medium]: ComponentSizeType.xxs,
 }

src/Shared/Providers/types.ts

@@ -18,7 +18,13 @@ import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react'
 
 import { SERVER_MODE } from '../../Common'
 import { ServerInfo } from '../Components/Header/types'
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..'
+import {
+    DevtronLicenseInfo,
+    EnvironmentDataValuesDTO,
+    IntelligenceConfig,
+    LicenseInfoDialogType,
+    ToastManager,
+} from '..'
 
 export interface ReloadVersionConfigTypes {
     bgUpdated: boolean
@@ -48,6 +54,7 @@ type AIAgentContextType = {
     context: Record<string, string>
 }
 
+// Please make sure to make it optional if not required in gatekeeper
 type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void
     isHelpGettingStartedClicked: boolean
@@ -90,7 +97,7 @@ type CommonMainContextProps = {
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>
     setAIAgentContext: (aiAgentContext: AIAgentContextType) => void
     setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>
-}
+} & Pick<EnvironmentDataValuesDTO, 'isResourceRecommendationEnabled'>
 
 export type MainContext = CommonMainContextProps &
     (

src/Shared/Services/types.ts

@@ -60,4 +60,5 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     isManifestScanningEnabled: boolean
     canOnlyViewPermittedEnvOrgLevel: boolean
     devtronManagedLicensingEnabled: boolean
+    isResourceRecommendationEnabled?: boolean
 }

src/Shared/types.ts

@@ -893,6 +893,15 @@ interface CommonTabArgsType {
      * @default false
      */
     shouldRemainMounted?: boolean
+    /**
+     * @default false
+     * If true, tab would contain alpha as badge next to the title
+     */
+    isAlpha?: boolean
+    /**
+     * On tab stop, i.e by pressing cross icon on alive tab [fixed tab expanding on click of tab and remains expanded on other tab click], tab will reset the tab to this default URL if provided
+     */
+    defaultUrl?: string | null
 }
 
 export type InitTabType = Omit<CommonTabArgsType, 'type'> &