From 7fe1fda0807e66d00cfa24b657b791a4a2e5ebc6 Mon Sep 17 00:00:00 2001
From: Wissarut Kanasub <wissarut.dev@gmail.com>
Date: Tue, 28 Nov 2023 19:46:02 +0700
Subject: [PATCH] Fix complete button bug and replace

---
 .../kanbanBoard/taskDetailModal.jsx           | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/kanbanBoard/taskDetailModal.jsx b/frontend/src/components/kanbanBoard/taskDetailModal.jsx
index 795847d..614b932 100644
--- a/frontend/src/components/kanbanBoard/taskDetailModal.jsx
+++ b/frontend/src/components/kanbanBoard/taskDetailModal.jsx
@@ -349,7 +349,6 @@ export function TaskDetailModal({
                 type="text"
                 placeholder={starteventValue}
                 className="input input-bordered w-full max-w-xs"
-                onClick={() => handleStartEventTimeChange(dateStart)}
                 disabled={!isCheckboxStartTimeChecked}
               />
               <div className="rounded mx-2">
@@ -358,16 +357,6 @@ export function TaskDetailModal({
                 </button>
               </div>
             </div>
-
-            {/* Complete? */}
-            <div className="mx-4">
-              <div className="flex items-center space-x-2 mt-4">
-                <div className="flex-1 flex-row card shadow border-2 p-2 pr-2">
-                  <p className="text-md mx-2">Complete</p>
-                  <input type="checkbox" checked={isTaskComplete} className="checkbox checkbox-xl bg-gray-400" />
-                </div>
-              </div>
-            </div>
           </div>
 
           {/* End */}
@@ -396,7 +385,6 @@ export function TaskDetailModal({
                   type="text"
                   placeholder={endeventValue}
                   className="input input-bordered w-full max-w-xs"
-                  onClick={() => handleEndEventTimeChange(dateEnd)}
                   disabled={!isCheckboxEndTimeChecked}
                 />
                 <div className="rounded mx-2">
@@ -470,6 +458,20 @@ export function TaskDetailModal({
               </label>
             </div>
           </div>
+          {/* Complete? */}
+          <div className="card shadow border-2 p-2">
+            <div className="form-control">
+              <label className="label cursor-pointer space-x-2">
+                <span className="label-text">Complete</span>
+                <input
+                  type="checkbox"
+                  checked={isTaskComplete}
+                  className="checkbox bg-black"
+                  onChange={handleTaskCompleteChange}
+                />
+              </label>
+            </div>
+          </div>
         </div>
         {/* Subtask */}
         <div className="flex flex-col pt-2">