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

Co-authored-by: Ricardo M. <lordrip@gmail.com>
KaotoIO · Nov 23, 2023 · b3588aa · b3588aa
1 parent dfd29a7
commit b3588aa
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 48 deletions.
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}
     />
   );