created eventHandler.ts for ApplicationCard.tsx, the file itself hold so many functions

Author: tedpham3

app/components/ApplicationsCard/EventHandlers.ts

@@ -0,0 +1,42 @@
+import { useContext } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { DashboardContext } from "../../context/DashboardContext";
+import { ApplicationContext } from "../../context/ApplicationContext";
+
+type ClickEvent = React.MouseEvent<HTMLElement>;
+
+interface EventHandlersProps {
+  application: any[];
+  setModal: (modalState: { isOpen: boolean; type: string }) => void;
+}
+
+export const useEventHandlers = ({ application, setModal }: EventHandlersProps) => {
+  const { deleteApp, user } = useContext(DashboardContext);
+  const { setAppIndex, setApp, setServicesData, app, example, connectToDB, setChart } = useContext(ApplicationContext);
+  const navigate = useNavigate();
+
+  const handleClick = (selectedApp: string, selectedService: string, i: number) => {
+    const services = ['auth', 'client', 'event-bus', 'items', 'inventory', 'orders'];
+    setAppIndex(i);
+    setApp(selectedApp);
+    if (['AWS', 'AWS/EC2', 'AWS/ECS', 'AWS/EKS'].includes(selectedService)) {
+      navigate(`/aws/:${app}`, { state: { typeOfService: selectedService } });
+    } else if (example) {
+      setServicesData([]);
+      setChart('communications');
+      connectToDB(user, i, app, application[2], application[1]);
+      navigate(`/applications/example/${services.join(' ')}`);
+    } else {
+      setServicesData([]);
+      setModal({ isOpen: true, type: 'serviceModal' });
+    }
+  };
+
+  const confirmDelete = (event: ClickEvent, i: number) => {
+    event.stopPropagation();
+    const message = `The application '${app}' will be permanently deleted. Continue?`;
+    if (confirm(message)) deleteApp(i, "");
+  };
+
+  return { handleClick, confirmDelete };
+};

examples/microservices/client/src/server.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const express = require('express');
 
-const PORT = 5000;
+const PORT = 5001;
 
 const chronosConfig = require('./chronos-config');
 const Chronos = require('@chronosmicro/tracker');