prettier

src/app/Workflows/Pipelines/Pipeline/_Layout/Layout.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Router } from '../_Router';
 
 const Layout: React.FC = () => {
-  return <Router />
+  return <Router />;
 };
 
 export default Layout;

src/app/Workflows/Pipelines/Pipeline/_Router/Router.tsx

@@ -1,22 +1,29 @@
 import React from 'react';
-import { Redirect, Route, RouteComponentProps, Switch, useLocation, useRouteMatch } from 'react-router-dom';
+import {
+  Redirect,
+  Route,
+  RouteComponentProps,
+  Switch,
+  useLocation,
+  useRouteMatch,
+} from 'react-router-dom';
 import { default as Pipeline } from '../Pipeline';
 import { default as PipelineRunsLayout } from '../../PipelineRuns';
 import { default as TaskLayout } from '../../Task';
 import { Menu } from 'app/Workflows/Pipelines/Pipeline/_components';
 
 const Router: React.FC = () => {
-  const location = useLocation()
-  const { path } = useRouteMatch()
+  const location = useLocation();
+  const { path } = useRouteMatch();
   return (
     <Switch>
+      <Route path={`${path}`} exact>
+        <Redirect to={`${location.pathname}/tasks`} />
+      </Route>
       <Route
-        path={`${path}`}
+        path={`/workflows/pipelines/:groupId/:pipelineId/tasks/:taskId`}
         exact
       >
-        <Redirect to={`${location.pathname}/tasks`}/>
-      </Route>
-      <Route path={`/workflows/pipelines/:groupId/:pipelineId/tasks/:taskId`} exact>
         <TaskLayout />
       </Route>
       <Route path={`/workflows/pipelines/:groupId/:pipelineId/runs`}>
@@ -34,8 +41,8 @@ const Router: React.FC = () => {
           tab: string;
         }>) => (
           <>
-            <Menu tab={tab}/>
-            <Pipeline groupId={groupId} pipelineId={pipelineId}/>
+            <Menu tab={tab} />
+            <Pipeline groupId={groupId} pipelineId={pipelineId} />
           </>
         )}
       />

src/app/Workflows/Pipelines/Pipeline/_components/DagView/DagView.tsx

@@ -122,7 +122,7 @@ const DagViewDrawer: React.FC<DagViewDrawerProps> = ({
               <ListItem key={`dag-task-${i}`} disablePadding>
                 <ListItemButton
                   onClick={() => {
-                    console.log({task})
+                    console.log({ task });
                     handleCreateDagTask(task as Workflows.Task);
                   }}
                 >

src/app/Workflows/Pipelines/Pipeline/_components/Menu/Menu.tsx

@@ -3,14 +3,14 @@ import { useHistory, useRouteMatch } from 'react-router-dom';
 import { Box, Tab } from '@mui/material';
 import { TabList, TabContext } from '@mui/lab';
 
-const Menu: React.FC<{tab: string}> = ({tab}) => {
-  const { url } = useRouteMatch()
-  const history = useHistory()
+const Menu: React.FC<{ tab: string }> = ({ tab }) => {
+  const { url } = useRouteMatch();
+  const history = useHistory();
   const handleChangeTab = (_: React.SyntheticEvent, value: string) => {
-    const parts = url.split("/")
-    parts.pop()
-    history.push(`${parts.join("/")}/${value}`)
-}
+    const parts = url.split('/');
+    parts.pop();
+    history.push(`${parts.join('/')}/${value}`);
+  };
   return (
     <Box sx={{ width: '100%', typography: 'body1' }}>
       <TabContext value={tab}>

src/app/Workflows/Pipelines/_Router/Router.tsx

@@ -14,7 +14,7 @@ const Router: React.FC = () => {
       <Route path={`${path}/:groupId`} exact>
         <PipelinesLayout />
       </Route>
-      
+
       <Route path={`${path}/:groupId/:pipelineId`}>
         <PipelineLayout />
       </Route>

src/app/Workflows/Pipelines/_components/TaskEditor/Tabs/GitTab/GitTab.module.scss

@@ -1,7 +1,6 @@
 .form {
-    width: 100%;
-    padding: 16px;
-    display: grid;
-    gap: 16px;
-  }
-
+  width: 100%;
+  padding: 16px;
+  display: grid;
+  gap: 16px;
+}