refactor(web): remove typescript

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

@@ -3,25 +3,16 @@ import { Link, useSearchParams } from 'react-router-dom';
 import { GET_FLOWS } from 'graphql/queries/get-flows';
 import Pagination from '@mui/material/Pagination';
 import PaginationItem from '@mui/material/PaginationItem';
-
 import * as URLS from 'config/urls';
 import AppFlowRow from 'components/FlowRow';
 import NoResultFound from 'components/NoResultFound';
 import useFormatMessage from 'hooks/useFormatMessage';
-import type { IFlow } from 'types';
-
-type AppFlowsProps = {
-  appKey: string;
-};
-
 const FLOW_PER_PAGE = 10;
-
-const getLimitAndOffset = (page: number) => ({
+const getLimitAndOffset = (page) => ({
   limit: FLOW_PER_PAGE,
   offset: (page - 1) * FLOW_PER_PAGE,
 });
-
-export default function AppFlows(props: AppFlowsProps): React.ReactElement {
+export default function AppFlows(props) {
   const { appKey } = props;
   const formatMessage = useFormatMessage();
   const [searchParams, setSearchParams] = useSearchParams();
@@ -36,10 +27,8 @@ export default function AppFlows(props: AppFlowsProps): React.ReactElement {
   });
   const getFlows = data?.getFlows || {};
   const { pageInfo, edges } = getFlows;
-
-  const flows: IFlow[] = edges?.map(({ node }: { node: IFlow }) => node);
+  const flows = edges?.map(({ node }) => node);
   const hasFlows = flows?.length;
-
   if (!hasFlows) {
     return (
       <NoResultFound
@@ -49,10 +38,9 @@ export default function AppFlows(props: AppFlowsProps): React.ReactElement {
       />
     );
   }
-
   return (
     <>
-      {flows?.map((appFlow: IFlow) => (
+      {flows?.map((appFlow) => (
         <AppFlowRow key={appFlow.id} flow={appFlow} />
       ))}