progress

ui/src/core/repository/socket_repository.ts

@@ -4,6 +4,7 @@ export class SocketRepository {
   serverURL = "ws://localhost:4001";
   socket: Socket | undefined;
   async connect() {
+    console.log('connect')
     const socket = io(this.serverURL);
     this.socket = socket;
     socket.connect();

ui/src/core/routers/routers.tsx

@@ -5,7 +5,7 @@ import {
 } from "../../features/all_projects/presentation/all_projects_screen";
 import {
   PipelineInstanceScreen,
-  PipelineScreenPath,
+  PipelineInstanceScreenPath,
 } from "../../features/pipeline_instance_main_screen/pipeline_instance_screen";
 import {
   SelectProjectScreen,
@@ -15,7 +15,15 @@ import {
   CreatePipelineScreen,
   CreatePipelineScreenPath,
 } from "../../features/create_pipeline/presentation/create_pipeline_screen";
-import { CreateProjectScreen, CreateProjectScreenPath } from "../../features/create_project/create_project_screen";
+import {
+  CreateProjectScreen,
+  CreateProjectScreenPath,
+} from "../../features/create_project/create_project_screen";
+import {
+  CreateTriggerScreenPath,
+  TriggerScreen,
+} from "../../features/create_trigger/presentation/create_trigger_screen";
+import { CreateProcessScreen, CreateProcessScreenPath } from "../../features/create_process/presentation/create_process_screen";
 
 export const router = createBrowserRouter([
   {
@@ -23,7 +31,7 @@ export const router = createBrowserRouter([
     element: <AllProjectScreen />,
   },
   {
-    path: PipelineScreenPath,
+    path: PipelineInstanceScreenPath,
     element: <PipelineInstanceScreen />,
   },
   {
@@ -38,4 +46,12 @@ export const router = createBrowserRouter([
     path: CreateProjectScreenPath,
     element: <CreateProjectScreen />,
   },
+  {
+    path: CreateTriggerScreenPath,
+    element: <TriggerScreen />,
+  },
+  {
+    path: CreateProcessScreenPath,
+    element: <CreateProcessScreen />,
+  },
 ]);

ui/src/core/ui/list/list.tsx

@@ -4,6 +4,7 @@ import { ReactComponent as DeleteIcon } from "../../assets/icons/delete.svg";
 
 import { observer } from "mobx-react-lite";
 import { v4 } from "uuid";
+import { ILinkTypography, LinkTypography } from "../link/link";
 
 export type CallBackFunction = (el: ListElement, index: number) => void;
 
@@ -20,6 +21,7 @@ export enum Icon {
 export interface IPropsList {
   values: ListElement[];
   headers?: string;
+  link?: ILinkTypography;
   onClick?: CallBackFunction;
   icon: Icon;
 }
@@ -28,13 +30,20 @@ export const List: React.FunctionComponent<IPropsList> = observer((props) => {
   props.values.map((el) => {
     if (el.id === undefined) {
       el.id = v4();
-      return el
+      return el;
     }
-    return el
+    return el;
   });
   return (
     <div>
       {props.headers !== undefined ? <>{props.headers}</> : <></>}
+      {props.link !== undefined ? (
+        <div>
+          <LinkTypography path={props.link.path} text={props.link.text} />
+        </div>
+      ) : (
+        <></>
+      )}
       {props.values.map((el, index) => {
         return (
           <Row

ui/src/core/ui/pages/load_page.tsx

@@ -20,6 +20,7 @@ export const LoadPage: React.FunctionComponent<ILoadPage> = observer(
           path={props.path}
           largeText={props.largeText}
           minText={props.minText}
+          needBackButton={props.needBackButton}
         />
         {props.isError ? (
           <>