refactor(my-schedule) : change date format and set button submit to d…

…isable after clicked
team-capstone-1 · Dec 13, 2023 · 11d7cbf · 11d7cbf
1 parent f571c9f
commit 11d7cbf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/shared-components/ModalConfirmSchedule.jsx b/src/components/shared-components/ModalConfirmSchedule.jsx
@@ -1,5 +1,5 @@
-import { Button, Modal } from "antd";
 import { useState } from "react";
+import { Button, Modal } from "antd";
 import { useDispatch } from "react-redux";
 import { IoIosWarning } from "react-icons/io";
 
@@ -14,8 +14,11 @@ export function ModalConfirmSchedule({
   textDate,
 }) {
   const [isModalOpen, setIsModalOpen] = useState(true);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const dispatch = useDispatch();
   const handleOk = async () => {
+    setIsSubmitting(true);
+
     if (payload.doctor_available) {
       try {
         await APISchedule.updateActiveSchedule(payload);
@@ -64,18 +67,19 @@ export function ModalConfirmSchedule({
               id="button-confirm-schedule"
               key="ok"
               onClick={handleOk}
-              className="mb-2 mt-5 h-10 rounded-lg bg-[#FEA53F] text-sm text-white sm:px-7 sm:text-base sm:font-medium"
+              className="mb-2 mt-5 h-10 rounded-lg bg-warning text-sm text-white disabled:bg-warning/70 sm:px-7 sm:text-base sm:font-medium"
               style={{
                 border: "transparent",
               }}
+              disabled={isSubmitting}
             >
               Ya, Saya yakin
             </Button>
             <Button
               id="button-cancel-schedule"
               key="cancel"
               onClick={handleCancel}
-              className="ms-4 mt-5 h-10 rounded-lg border-[#FEA53F] text-sm text-[#FEA53F] sm:px-7 sm:text-base sm:font-medium"
+              className="ms-4 mt-5 h-10 rounded-lg border-warning text-sm text-warning sm:px-7 sm:text-base sm:font-medium"
             >
               Tidak, Batalkan
             </Button>

diff --git a/src/utils/MapListData.js b/src/utils/MapListData.js
@@ -1,5 +1,5 @@
 export function formatStrDayJs(date) {
-  return date?.format("DD-MM-YYYY");
+  return date?.format("YYYY-MM-DD");
 }
 
 export function mapListData(data, eventDate) {