refactor(web): remove typescript

packages/web/src/components/EditorLayout/index.jsx

@@ -8,7 +8,6 @@ import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
 import Snackbar from '@mui/material/Snackbar';
-
 import { EditorProvider } from 'contexts/Editor';
 import EditableTypography from 'components/EditableTypography';
 import Container from 'components/Container';
@@ -17,19 +16,16 @@ import useFormatMessage from 'hooks/useFormatMessage';
 import { UPDATE_FLOW_STATUS } from 'graphql/mutations/update-flow-status';
 import { UPDATE_FLOW } from 'graphql/mutations/update-flow';
 import { GET_FLOW } from 'graphql/queries/get-flow';
-import type { IFlow } from 'types';
 import * as URLS from 'config/urls';
-
-export default function EditorLayout(): React.ReactElement {
+export default function EditorLayout() {
   const { flowId } = useParams();
   const formatMessage = useFormatMessage();
   const [updateFlow] = useMutation(UPDATE_FLOW);
   const [updateFlowStatus] = useMutation(UPDATE_FLOW_STATUS);
   const { data, loading } = useQuery(GET_FLOW, { variables: { id: flowId } });
-  const flow: IFlow = data?.getFlow;
-
+  const flow = data?.getFlow;
   const onFlowNameUpdate = React.useCallback(
-    async (name: string) => {
+    async (name) => {
       await updateFlow({
         variables: {
           input: {
@@ -46,11 +42,10 @@ export default function EditorLayout(): React.ReactElement {
         },
       });
     },
-    [flow?.id]
+    [flow?.id],
   );
-
   const onFlowStatusUpdate = React.useCallback(
-    async (active: boolean) => {
+    async (active) => {
       await updateFlowStatus({
         variables: {
           input: {
@@ -67,9 +62,8 @@ export default function EditorLayout(): React.ReactElement {
         },
       });
     },
-    [flow?.id]
+    [flow?.id],
   );
-
   return (
     <>
       <Stack direction="column" height="100%">