RI-7687: fix PR comments

Author: ArtemHoruzhenko

redisinsight/ui/src/pages/rdi/instance/components/header/components/buttons/deploy-pipeline-button/DeployPipelineButton.tsx

@@ -19,7 +19,7 @@ import { PrimaryButton } from 'uiSrc/components/base/forms/buttons'
 import { Icon, RocketIcon, InfoIcon } from 'uiSrc/components/base/icons'
 import { Checkbox } from 'uiSrc/components/base/forms/checkbox/Checkbox'
 import { RiTooltip } from 'uiSrc/components/base'
-import { Modal } from '@redis-ui/components'
+import { Modal } from 'uiSrc/components/base/display/modal'
 import { UploadWarningBanner } from 'uiSrc/components/upload-warning/styles'
 
 export interface Props {
@@ -87,61 +87,58 @@ const DeployPipelineButton = ({ loading, disabled, onReset }: Props) => {
   }
 
   return (
-    <>
-      <Modal
-        id="deploy-pipeline-modal"
-        title="Are you sure you want to deploy the pipeline?"
-        content={
-          <Col gap="l">
-            {!isPipelineValid && (
-              <UploadWarningBanner
-                message="Your RDI pipeline contains errors. Are you sure you want to continue?"
-                show
-                showIcon
-                variant="attention"
-              />
-            )}
-            <FlexItem>
-              <Text>
-                When deployed, this local configuration will overwrite any
-                existing pipeline.
-              </Text>
-              <Text>
-                After deployment, consider flushing the target Redis database
-                and resetting the pipeline to ensure that all data is
-                reprocessed.
-              </Text>
-            </FlexItem>
-            <Row align="center">
-              <Checkbox
-                id="resetPipeline"
-                name="resetPipeline"
-                label="Reset"
-                labelSize="M"
-                checked={resetPipeline}
-                onChange={(e) => handleSelectReset(e.target.checked)}
-                data-testid="reset-pipeline-checkbox"
-              />
+    <Modal
+      id="deploy-pipeline-modal"
+      title="Are you sure you want to deploy the pipeline?"
+      content={
+        <Col gap="l">
+          {!isPipelineValid && (
+            <UploadWarningBanner
+              message="Your RDI pipeline contains errors. Are you sure you want to continue?"
+              show
+              showIcon
+              variant="attention"
+            />
+          )}
+          <FlexItem>
+            <Text>
+              When deployed, this local configuration will overwrite any
+              existing pipeline.
+            </Text>
+            <Text>
+              After deployment, consider flushing the target Redis database and
+              resetting the pipeline to ensure that all data is reprocessed.
+            </Text>
+          </FlexItem>
+          <Row align="center">
+            <Checkbox
+              id="resetPipeline"
+              name="resetPipeline"
+              label="Reset"
+              labelSize="M"
+              checked={resetPipeline}
+              onChange={(e) => handleSelectReset(e.target.checked)}
+              data-testid="reset-pipeline-checkbox"
+            />
 
-              <RiTooltip content="The pipeline will take a new snapshot of the data and process it, then continue tracking changes.">
-                <Icon icon={InfoIcon} data-testid="reset-checkbox-info-icon" />
-              </RiTooltip>
-            </Row>
-          </Col>
-        }
-        primaryButtonText="Deploy"
-        onPrimaryButtonClick={handleDeployPipeline}
+            <RiTooltip content="The pipeline will take a new snapshot of the data and process it, then continue tracking changes.">
+              <Icon icon={InfoIcon} data-testid="reset-checkbox-info-icon" />
+            </RiTooltip>
+          </Row>
+        </Col>
+      }
+      primaryButtonText="Deploy"
+      onPrimaryButtonClick={handleDeployPipeline}
+    >
+      <PrimaryButton
+        icon={RocketIcon}
+        disabled={disabled}
+        loading={loading}
+        data-testid="deploy-rdi-pipeline"
       >
-        <PrimaryButton
-          icon={RocketIcon}
-          disabled={disabled}
-          loading={loading}
-          data-testid="deploy-rdi-pipeline"
-        >
-          Deploy
-        </PrimaryButton>
-      </Modal>
-    </>
+        Deploy
+      </PrimaryButton>
+    </Modal>
   )
 }