fix: theme for override theme

Author: arunjaindev

src/components/workflowEditor/workflowEditor.tsx

@@ -18,7 +18,6 @@ import { Component, createContext } from 'react'
 import { Route, Switch, withRouter, generatePath } from 'react-router-dom'
 import {
     showError,
-    DOCUMENTATION,
     Progressing,
     ErrorScreenManager,
     ConditionalWrap,
@@ -39,6 +38,11 @@ import {
     deleteWorkflow,
     InfoBlock,
     DocLink,
+    Button,
+    Icon,
+    ComponentSizeType,
+    ButtonVariantType,
+    ButtonStyleType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Tippy from '@tippyjs/react'
 import { PipelineContext, WorkflowEditProps, WorkflowEditState } from './types'
@@ -908,11 +912,17 @@ class WorkflowEdit extends Component<WorkflowEditProps, WorkflowEditState> {
                 <InfoBlock
                     variant="help"
                     description={
-                        <div className="flex fs-13 fw-4 lh-20 cn-0">
+                        <div className="flex dc__gap-8 fs-13 fw-4 lh-20 cn-9">
                             Open a build pipeline to override
-                            <CloseIcon
-                                className="icon-dim-12 fcn-0 ml-8 cursor"
+                            <Button
+                                dataTestId="close-info-block"
+                                icon={<Icon name="ic-close-small" color={null} />}
+                                ariaLabel="close-info-button"
+                                showAriaLabelInTippy={false}
                                 onClick={this.removeTakeMeThereClickedItem}
+                                size={ComponentSizeType.xxs}
+                                variant={ButtonVariantType.borderLess}
+                                style={ButtonStyleType.negativeGrey}
                             />
                         </div>
                     }
@@ -953,11 +963,7 @@ class WorkflowEdit extends Component<WorkflowEditProps, WorkflowEditState> {
                                     ? WORKFLOW_EDITOR_HEADER_TIPPY.INFO_TEXT.JOB_VIEW
                                     : WORKFLOW_EDITOR_HEADER_TIPPY.INFO_TEXT.DEFAULT
                             }
-                            documentationLink={
-                                this.props.isJobView
-                                    ? "JOB_WORKFLOW_EDITOR"
-                                    : "APP_CREATE_WORKFLOW"
-                            }
+                            documentationLink={this.props.isJobView ? 'JOB_WORKFLOW_EDITOR' : 'APP_CREATE_WORKFLOW'}
                             documentationLinkText={WORKFLOW_EDITOR_HEADER_TIPPY.DOCUMENTATION_LINK_TEXT}
                             placement="right"
                         />