Update packages/ui/src/components/SourceCode/SourceCode.tsx

Co-authored-by: Ricardo M. <lordrip@gmail.com>
KaotoIO · Nov 24, 2023 · 89f95f2 · 89f95f2
1 parent d57afb8
commit 89f95f2
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 55 deletions.
diff --git a/packages/ui-tests/cypress/support/cypress.d.ts b/packages/ui-tests/cypress/support/cypress.d.ts
@@ -40,7 +40,6 @@ declare global {
       editorDeleteLine(line: number, repeatCount: number): Chainable<JQuery<Element>>;
       checkCodeSpanLine(spanText: string, linesCount: number | undefined): Chainable<JQuery<Element>>;
       checkCodeSpanLine(spanText: string): Chainable<JQuery<Element>>;
-      syncUpCodeChanges(): Chainable<JQuery<Element>>;
     }
   }
 }
diff --git a/packages/ui-tests/cypress/support/next-commands/sourceCode.ts b/packages/ui-tests/cypress/support/next-commands/sourceCode.ts
@@ -13,11 +13,6 @@ Cypress.Commands.add('editorAddText', (line, text) => {
 Cypress.Commands.add('uploadFixture', (fixture) => {
   cy.openSourceCode();
   cy.get('.pf-v5-c-code-editor__main > input').attachFile(fixture);
-  cy.syncUpCodeChanges();
-});
-
-Cypress.Commands.add('syncUpCodeChanges', () => {
-  cy.get('[data-testid="sourceCode--applyButton"]').click();
 });
 
 Cypress.Commands.add('editorDeleteLine', (line, repeatCount) => {
@@ -37,7 +32,7 @@ Cypress.Commands.add('editorDeleteLine', (line, repeatCount) => {
     );
 });
 
-Cypress.Commands.add('checkCodeSpanLine', (spanText, linesCount) => {
+Cypress.Commands.add('checkCodeSpanLine', ( spanText, linesCount ) => {
   linesCount = linesCount ?? 1;
   cy.get('.pf-v5-c-code-editor').within(() => {
     cy.get('span:only-child').contains(spanText).should('have.length', linesCount);

diff --git a/packages/ui/src/components/SourceCode/RedoButton.tsx b/packages/ui/src/components/SourceCode/RedoButton.tsx
@@ -15,7 +15,7 @@ export const RedoButton: FunctionComponent<IRedoIcon> = (props) => {
       aria-label="Redo change"
       data-testid="sourceCode--redoButton"
       onClick={props.onClick}
-      tooltipProps={{content: 'Redo change', position: 'top'}}
+      tooltipProps={{ content: 'Redo change', position: 'top' }}
       isVisible={true}
     />
   );

diff --git a/packages/ui/src/components/SourceCode/SourceCode.tsx b/packages/ui/src/components/SourceCode/SourceCode.tsx
@@ -3,7 +3,6 @@ import { setDiagnosticsOptions } from 'monaco-yaml';
 import { FunctionComponent, Ref, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { EditorDidMount } from 'react-monaco-editor';
 import './SourceCode.scss';
-import { SyncButton } from './SyncButton';
 import './workers/enable-workers';
 import { sourceSchemaConfig, SourceSchemaType } from '../../models/camel';
 import { EntitiesContext } from '../../providers/entities.provider';
@@ -59,18 +58,19 @@ export const SourceCode: FunctionComponent<SourceCodeProps> = (props) => {
   });
 
   const undoAction = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (editorRef.current?.getModel() as any)?.undo();
-  }
+  };
 
   const redoAction = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (editorRef.current?.getModel() as any)?.redo();
-  }
+  };
 
   const customControls = useMemo(() => {
     return [
-      <UndoButton key="undo-button" isVisible onClick={() => undoAction} />,
-      <RedoButton key="redo-button" isVisible onClick={() => redoAction} />,
-      <SyncButton key="sync-button" isDirty={false} isVisible onClick={() => undefined} />,
+      <UndoButton key="undo-button" isVisible onClick={undoAction} />,
+      <RedoButton key="redo-button" isVisible onClick={redoAction} />,
     ];
   }, []);
 

diff --git a/packages/ui/src/components/SourceCode/SyncButton.scss b/packages/ui/src/components/SourceCode/SyncButton.scss
diff --git a/packages/ui/src/components/SourceCode/SyncButton.tsx b/packages/ui/src/components/SourceCode/SyncButton.tsx
diff --git a/packages/ui/src/components/SourceCode/UndoButton.tsx b/packages/ui/src/components/SourceCode/UndoButton.tsx
@@ -15,7 +15,7 @@ export const UndoButton: FunctionComponent<IUndoIcon> = (props) => {
       aria-label="Undo change"
       data-testid="sourceCode--undoButton"
       onClick={props.onClick}
-      tooltipProps={{content: 'Undo change', position: 'top'}}
+      tooltipProps={{ content: 'Undo change', position: 'top' }}
       isVisible={true}
     />
   );