feat: DocLink - add startIcon prop and update fullWidth default value; adjust type definitions for better flexibility

Author: RohitRaj011

src/Shared/Components/DocLink/DocLink.tsx

@@ -12,14 +12,15 @@ export const DocLink = <T extends boolean = false>({
     docLinkKey,
     text = 'Learn more',
     dataTestId,
+    startIcon,
     showExternalIcon,
     onClick,
     fontWeight,
     size = ComponentSizeType.medium,
     variant = ButtonVariantType.text,
     isExternalLink,
     openInNewTab = false,
-    fullWidth = true,
+    fullWidth = false,
 }: DocLinkProps<T>) => {
     // HOOKS
     const { isEnterprise, setSidePanelConfig } = useMainContext()
@@ -51,6 +52,7 @@ export const DocLink = <T extends boolean = false>({
             text={text}
             variant={variant}
             size={size}
+            startIcon={startIcon}
             endIcon={showExternalIcon && <Icon name="ic-open-in-new" color={null} />}
             fullWidth={fullWidth}
             fontWeight={fontWeight}

src/Shared/Components/DocLink/constants.ts

@@ -16,7 +16,7 @@ export const DOCUMENTATION = {
     APP_METRICS: 'usage/applications/app-details/app-metrics',
     APP_OVERVIEW_TAGS: 'usage/applications/overview#manage-tags',
     APP_ROLLOUT_DEPLOYMENT_TEMPLATE: 'usage/applications/creating-application/deployment-template/rollout-deployment',
-    BUILD_STAGE: 'usage/applications/creating-application/ci-pipeline#build-stage',
+    BUILD_STAGE: 'usage/applications/creating-application/workflow/ci-pipeline#build-stage',
     APP_TAGS: 'usage/applications/create-application#tags',
     BLOB_STORAGE: 'configurations-overview/installation-configuration#configuration-of-blob-storage',
     BULK_UPDATE: 'usage/bulk-update',
@@ -45,7 +45,7 @@ export const DOCUMENTATION = {
     GLOBAL_CONFIG_CHART: 'getting-started/global-configurations/chart-repo',
     GLOBAL_CONFIG_CLUSTER: 'getting-started/global-configurations/cluster-and-environments',
     GLOBAL_CONFIG_CUSTOM_CHART: 'getting-started/global-configurations/custom-charts',
-    GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: 'getting-started/global-configurations/custom-charts#prerequisites',
+    GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: 'global-configurations/deployment-charts#preparing-a-deployment-chart',
     GLOBAL_CONFIG_DOCKER: 'getting-started/global-configurations/container-registries',
     GLOBAL_CONFIG_GIT: 'getting-started/global-configurations/git-accounts',
     GLOBAL_CONFIG_GITOPS: 'global-configurations/gitops',

src/Shared/Components/DocLink/types.ts

@@ -10,9 +10,9 @@ export type BaseDocLink<T extends boolean> = {
     docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION
 }
 
-export type DocLinkProps<T extends boolean> = Pick<
+export type DocLinkProps<T extends boolean = false> = Pick<
     ButtonProps<ButtonComponentType.anchor>,
-    'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight'
+    'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'
 > &
     Omit<BaseDocLink<T>, 'isEnterprise'> & {
         text?: string

src/Shared/Components/FeatureDescription/types.ts

@@ -22,7 +22,7 @@ import { DocLinkProps } from '../DocLink'
 
 interface BaseFeatureDescriptionModalProps {
     renderDescriptionContent?: () => ReactNode
-    docLink?: DocLinkProps<false>['docLinkKey']
+    docLink?: DocLinkProps['docLinkKey']
     imageVariant?: ImageType
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>
     imageStyles?: React.CSSProperties

src/Shared/Components/ModalSidebarPanel/types.ts

@@ -23,5 +23,5 @@ export interface ModalSidebarPanelProps {
     heading: string | null
     icon?: JSX.Element
     children?: ReactNode
-    documentationLink: DocLinkProps<false>['docLinkKey']
+    documentationLink: DocLinkProps['docLinkKey']
 }