From 11d7cbf1c1cb88df48972f35cc09a38e312e59a9 Mon Sep 17 00:00:00 2001
From: aaaroz <ram.ardiansyah18@gmail.com>
Date: Wed, 13 Dec 2023 14:25:24 +0700
Subject: [PATCH] refactor(my-schedule) : change date format and set button
 submit to disable after clicked

---
 .../shared-components/ModalConfirmSchedule.jsx         | 10 +++++++---
 src/utils/MapListData.js                               |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/shared-components/ModalConfirmSchedule.jsx b/src/components/shared-components/ModalConfirmSchedule.jsx
index 5b9c8716..29c61604 100644
--- 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,10 +67,11 @@ 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>
@@ -75,7 +79,7 @@ export function ModalConfirmSchedule({
               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
index 00367f81..ab454991 100644
--- 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) {