refactor: clean up code formatting and remove unused props in Schedul…

…ed Maintenance components

Dashboard/src/Components/ScheduledMaintenance/ScheduledMaintenanceTable.tsx

@@ -26,7 +26,6 @@ import BasicFormModal from "Common/UI/Components/FormModal/BasicFormModal";
 import DropdownUtil from "Common/UI/Utils/Dropdown";
 import IconProp from "Common/Types/Icon/IconProp";
 import { ButtonStyleType } from "Common/UI/Components/Button/Button";
-import FormValues from "Common/UI/Components/Forms/Types/FormValues";
 import { SaveFilterProps } from "Common/UI/Components/ModelTable/BaseModelTable";
 import Navigation from "Common/UI/Utils/Navigation";
 import RouteMap, { RouteUtil } from "../../Utils/RouteMap";
@@ -40,7 +39,6 @@ export interface ComponentProps {
   title?: string | undefined;
   description?: string | undefined;
   disableCreate?: boolean | undefined;
-  createInitialValues?: FormValues<ScheduledMaintenance> | undefined;
   saveFilterProps?: SaveFilterProps | undefined;
 }
 
@@ -56,36 +54,34 @@ const ScheduledMaintenancesTable: FunctionComponent<ComponentProps> = (
     setShowScheduledMaintenanceTemplateModal,
   ] = useState<boolean>(false);
 
-
   let cardbuttons: Array<CardButtonSchema> = [];
 
   const fetchScheduledMaintenanceTemplates: () => Promise<void> =
-  async (): Promise<void> => {
-    setError("");
-    setIsLoading(true);
-
+    async (): Promise<void> => {
+      setError("");
+      setIsLoading(true);
 
-    try {
-      const listResult: ListResult<ScheduledMaintenanceTemplate> =
-        await ModelAPI.getList<ScheduledMaintenanceTemplate>({
-          modelType: ScheduledMaintenanceTemplate,
-          query: {},
-          limit: LIMIT_PER_PROJECT,
-          skip: 0,
-          select: {
-            templateName: true,
-            _id: true,
-          },
-          sort: {},
-        });
+      try {
+        const listResult: ListResult<ScheduledMaintenanceTemplate> =
+          await ModelAPI.getList<ScheduledMaintenanceTemplate>({
+            modelType: ScheduledMaintenanceTemplate,
+            query: {},
+            limit: LIMIT_PER_PROJECT,
+            skip: 0,
+            select: {
+              templateName: true,
+              _id: true,
+            },
+            sort: {},
+          });
 
-      setScheduledMaintenanceTemplates(listResult.data);
-    } catch (err) {
-      setError(API.getFriendlyMessage(err));
-    }
+        setScheduledMaintenanceTemplates(listResult.data);
+      } catch (err) {
+        setError(API.getFriendlyMessage(err));
+      }
 
-    setIsLoading(false);
-  };
+      setIsLoading(false);
+    };
 
   if (!props.disableCreate) {
     // then add a card button that takes to monitor create page
@@ -114,9 +110,6 @@ const ScheduledMaintenancesTable: FunctionComponent<ComponentProps> = (
     ];
   }
 
-
-
-
   return (
     <div>
       <ModelTable<ScheduledMaintenance>
@@ -129,20 +122,17 @@ const ScheduledMaintenancesTable: FunctionComponent<ComponentProps> = (
         isCreateable={false}
         isViewable={true}
         saveFilterProps={props.saveFilterProps}
-        showCreateForm={
-          false
-        }
+        showCreateForm={false}
         cardProps={{
           title: props.title || "Scheduled Maintenance Events",
           description:
             props.description ||
             "Here is a list of scheduled maintenance events for this project.",
-          buttons: cardbuttons
+          buttons: cardbuttons,
         }}
         noItemsMessage={
           props.noItemsMessage || "No scheduled Maintenance Event found."
         }
-
         showViewIdButton={true}
         viewButtonText="View Event"
         showRefreshButton={true}
@@ -382,7 +372,6 @@ const ScheduledMaintenancesTable: FunctionComponent<ComponentProps> = (
             setIsLoading(false);
           }}
           onSubmit={async (data: JSONObject) => {
-
             const scheduledMaintenanceTemplateId: ObjectID = data[
               "scheduledMaintenanceTemplateId"
             ] as ObjectID;
@@ -391,9 +380,14 @@ const ScheduledMaintenancesTable: FunctionComponent<ComponentProps> = (
             Navigation.navigate(
               RouteUtil.populateRouteParams(
                 new Route(
-                  (RouteMap[PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE] as Route).toString(),
+                  (
+                    RouteMap[
+                      PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE
+                    ] as Route
+                  ).toString(),
                 ).addQueryParams({
-                  scheduledMaintenanceTemplateId: scheduledMaintenanceTemplateId.toString(),
+                  scheduledMaintenanceTemplateId:
+                    scheduledMaintenanceTemplateId.toString(),
                 }),
               ),
             );

Dashboard/src/Pages/Monitor/View/Incidents.tsx

@@ -25,9 +25,7 @@ const MonitorIncidents: FunctionComponent<
   return (
     <Fragment>
       <DisabledWarning monitorId={modelId} />
-      <IncidentsTable
-        query={query}
-      />
+      <IncidentsTable query={query} />
     </Fragment>
   );
 };

Dashboard/src/Pages/ScheduledMaintenanceEvents/Create.tsx

@@ -43,14 +43,17 @@ const ScheduledMaintenanceCreate: FunctionComponent<
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [error, setError] = useState<string>("");
 
-  const [initialValuesForScheduledMaintenance, setInitialValuesForScheduledMaintenance] =
-    useState<JSONObject>({});
+  const [
+    initialValuesForScheduledMaintenance,
+    setInitialValuesForScheduledMaintenance,
+  ] = useState<JSONObject>({});
 
   useEffect(() => {
     if (Navigation.getQueryStringByName("scheduledMaintenanceTemplateId")) {
       fetchScheduledMaintenanceTemplate(
         new ObjectID(
-          Navigation.getQueryStringByName("scheduledMaintenanceTemplateId") || "",
+          Navigation.getQueryStringByName("scheduledMaintenanceTemplateId") ||
+            "",
         ),
       );
     } else {
@@ -156,7 +159,6 @@ const ScheduledMaintenanceCreate: FunctionComponent<
     }
 
     setIsLoading(false);
-
   };
 
   return (
@@ -338,12 +340,12 @@ const ScheduledMaintenanceCreate: FunctionComponent<
                   placeholder: "Select Users",
                   overrideFieldKey: "ownerUsers",
                 },
-      
+
                 {
                   field: {
                     shouldStatusPageSubscribersBeNotifiedOnEventCreated: true,
                   },
-      
+
                   title: "Event Created: Notify Status Page Subscribers",
                   stepId: "subscribers",
                   description:
@@ -357,7 +359,7 @@ const ScheduledMaintenanceCreate: FunctionComponent<
                     shouldStatusPageSubscribersBeNotifiedWhenEventChangedToOngoing:
                       true,
                   },
-      
+
                   title: "Event Ongoing: Notify Status Page Subscribers",
                   stepId: "subscribers",
                   description:
@@ -371,7 +373,7 @@ const ScheduledMaintenanceCreate: FunctionComponent<
                     shouldStatusPageSubscribersBeNotifiedWhenEventChangedToEnded:
                       true,
                   },
-      
+
                   title: "Event Ended: Notify Status Page Subscribers",
                   stepId: "subscribers",
                   description:

Dashboard/src/Pages/ScheduledMaintenanceEvents/Layout.tsx

@@ -7,14 +7,18 @@ import Navigation from "Common/UI/Utils/Navigation";
 import React, { FunctionComponent, ReactElement } from "react";
 import { Outlet } from "react-router-dom";
 
-const ScheduledMaintenancesLayout: FunctionComponent<LayoutPageComponentProps> = (
-  props: LayoutPageComponentProps,
-): ReactElement => {
+const ScheduledMaintenancesLayout: FunctionComponent<
+  LayoutPageComponentProps
+> = (props: LayoutPageComponentProps): ReactElement => {
   const path: string = Navigation.getRoutePath(RouteUtil.getRoutes());
   return (
     <Page
       title={"Scheduled Maintenance Events"}
-      sideMenu={props.hideSideMenu ? undefined : <SideMenu project={props.currentProject || undefined} />}
+      sideMenu={
+        props.hideSideMenu ? undefined : (
+          <SideMenu project={props.currentProject || undefined} />
+        )
+      }
       breadcrumbLinks={getScheduleMaintenanceBreadcrumbs(path)}
     >
       <Outlet />

Dashboard/src/Routes/ScheduleMaintenaceEventsRoutes.tsx

@@ -74,7 +74,6 @@ const ScheduledMaintenanceEventViewDescription: LazyExoticComponent<
   return import("../Pages/ScheduledMaintenanceEvents/View/Description");
 });
 
-
 const ScheduledMaintenanceEventCreate: LazyExoticComponent<
   FunctionComponent<ComponentProps>
 > = lazy(() => {
@@ -84,17 +83,24 @@ const ScheduledMaintenanceEventCreate: LazyExoticComponent<
 const ScheduledMaintenanceEventsRoutes: FunctionComponent<ComponentProps> = (
   props: ComponentProps,
 ): ReactElement => {
-
-
   let hideSideMenu: boolean = false;
 
-  if (Navigation.isOnThisPage(RouteMap[PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE] as Route)) {
+  if (
+    Navigation.isOnThisPage(
+      RouteMap[PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE] as Route,
+    )
+  ) {
     hideSideMenu = true;
   }
 
   return (
     <Routes>
-      <PageRoute path="/" element={<ScheduledMaintenancesLaoyut {...props} hideSideMenu={hideSideMenu} />}>
+      <PageRoute
+        path="/"
+        element={
+          <ScheduledMaintenancesLaoyut {...props} hideSideMenu={hideSideMenu} />
+        }
+      >
         <PageRoute
           index
           element={
@@ -128,8 +134,7 @@ const ScheduledMaintenanceEventsRoutes: FunctionComponent<ComponentProps> = (
           }
         />
 
-
-<PageRoute
+        <PageRoute
           path={
             ScheduledMaintenanceEventsRoutePath[
               PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE
@@ -140,9 +145,7 @@ const ScheduledMaintenanceEventsRoutes: FunctionComponent<ComponentProps> = (
               <ScheduledMaintenanceEventCreate
                 {...props}
                 pageRoute={
-                  RouteMap[
-                    PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE
-                  ] as Route
+                  RouteMap[PageMap.SCHEDULED_MAINTENANCE_EVENT_CREATE] as Route
                 }
               />
             </Suspense>