From 0ad08f431ee84b6ed2d5baf549a9247fa714c66f Mon Sep 17 00:00:00 2001
From: Mohammad Khalilzadeh <muhammadkhalilzadeh1998@gmail.com>
Date: Tue, 20 Aug 2024 20:33:28 +0330
Subject: [PATCH] Marshali data, logging it, creating post req, send to BE

---
 Client/package-lock.json                      |  2 +-
 Client/package.json                           |  2 +-
 .../CreateMaintenanceWindow/index.jsx         | 25 +++++++++++++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/Client/package-lock.json b/Client/package-lock.json
index 44e276f63..2f1543bba 100644
--- a/Client/package-lock.json
+++ b/Client/package-lock.json
@@ -18,7 +18,7 @@
         "@mui/x-data-grid": "7.3.2",
         "@mui/x-date-pickers": "7.3.2",
         "@reduxjs/toolkit": "2.2.5",
-        "axios": "1.7.4",
+        "axios": "^1.7.4",
         "chart.js": "^4.4.3",
         "dayjs": "1.11.11",
         "joi": "17.13.1",
diff --git a/Client/package.json b/Client/package.json
index 769e1f4a6..22f15f7f9 100644
--- a/Client/package.json
+++ b/Client/package.json
@@ -20,7 +20,7 @@
     "@mui/x-data-grid": "7.3.2",
     "@mui/x-date-pickers": "7.3.2",
     "@reduxjs/toolkit": "2.2.5",
-    "axios": "1.7.4",
+    "axios": "^1.7.4",
     "chart.js": "^4.4.3",
     "dayjs": "1.11.11",
     "joi": "17.13.1",
diff --git a/Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx b/Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx
index 8fff6e4a1..a5cbfaf56 100644
--- a/Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx
+++ b/Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx
@@ -10,6 +10,7 @@ import dayjs from "dayjs";
 import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 import { MobileTimePicker } from "@mui/x-date-pickers/MobileTimePicker";
 import Field from "../../../Components/Inputs/Field";
+import axios from "axios";
 
 const directory = {
   title: "Create a maintenance window",
@@ -71,6 +72,29 @@ const CreateNewMaintenanceWindow = () => {
     }));
   };
 
+  const handleSubmit = async () => {
+    const data = {
+      repeat: values.repeat,
+      date: values.date.format("YYYY-MM-DD"),
+      startTime: values.startTime.format("HH:mm"),
+      duration: values.duration,
+      unit: values.unit,
+      friendlyName: values.friendlyName,
+      addMonitors: values.AddMonitors,
+    };
+
+    console.log("Submitting data: ", data);
+
+    await axios
+      .post("/address-of-the-route", data)
+      .then((res) => {
+        console.log("Response: ", res.data);
+      })
+      .catch((err) => {
+        console.log("Error: ", err);
+      });
+  };
+
   const configOptions = [
     {
       title: "Repeat",
@@ -246,6 +270,7 @@ const CreateNewMaintenanceWindow = () => {
             }}
             level="primary"
             label="Create"
+            onClick={handleSubmit}
           />
         </Stack>
       </Stack>