resolves linting errors

Author: Ruben van Leeuwen

packages/orchestrator-ui-components/src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx

@@ -1,10 +1,8 @@
 import React, { useCallback } from 'react';
 
 import { useTranslations } from 'next-intl';
-import css from 'styled-jsx/css';
 
 import { EuiButtonGroup } from '@elastic/eui';
-import { ICON_SIDES } from '@elastic/eui/src/components/badge/badge';
 
 import { useOrchestratorTheme } from '@/hooks';
 import { WfoBracketSquare, WfoCommandLine, WfoTableCells } from '@/icons';

packages/orchestrator-ui-components/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx

@@ -53,9 +53,6 @@ export const WfoStep = React.forwardRef(
     ) => {
         const { isExpanded, step, userInputForm } = stepListItem;
         const [codeView, setCodeView] = useState<CodeView>(CodeView.JSON);
-        const handleCodeViewChange = (newCodeView: CodeView) => {
-            setCodeView(newCodeView);
-        };
 
         const { theme } = useOrchestratorTheme();
         const {
@@ -126,8 +123,10 @@ export const WfoStep = React.forwardRef(
         );
 
         const handle = useCallback(
-            (id: string) => handleCodeViewChange(id as CodeView),
-            [handleCodeViewChange],
+            (newCodeView: string) => {
+                setCodeView(newCodeView as CodeView);
+            },
+            [setCodeView],
         );
 
         return (

packages/orchestrator-ui-components/src/icons/heroicons/WfoCommandLine.tsx

@@ -26,4 +26,4 @@ export const WfoCommandLineSvg: FC<WfoIconProps> = ({
     </svg>
 );
 
-export const WfoCommandLine = WfoCommandLineSvg;
+export const WfoCommandLine = withWfoHeroIconsWrapper(WfoCommandLineSvg);