Fix complete button bug and replace

This commit is contained in:
Wissarut Kanasub 2023-11-28 19:46:02 +07:00
parent 23bd2ddf37
commit 7fe1fda080

View File

@ -349,7 +349,6 @@ export function TaskDetailModal({
type="text" type="text"
placeholder={starteventValue} placeholder={starteventValue}
className="input input-bordered w-full max-w-xs" className="input input-bordered w-full max-w-xs"
onClick={() => handleStartEventTimeChange(dateStart)}
disabled={!isCheckboxStartTimeChecked} disabled={!isCheckboxStartTimeChecked}
/> />
<div className="rounded mx-2"> <div className="rounded mx-2">
@ -358,16 +357,6 @@ export function TaskDetailModal({
</button> </button>
</div> </div>
</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> </div>
{/* End */} {/* End */}
@ -396,7 +385,6 @@ export function TaskDetailModal({
type="text" type="text"
placeholder={endeventValue} placeholder={endeventValue}
className="input input-bordered w-full max-w-xs" className="input input-bordered w-full max-w-xs"
onClick={() => handleEndEventTimeChange(dateEnd)}
disabled={!isCheckboxEndTimeChecked} disabled={!isCheckboxEndTimeChecked}
/> />
<div className="rounded mx-2"> <div className="rounded mx-2">
@ -470,6 +458,20 @@ export function TaskDetailModal({
</label> </label>
</div> </div>
</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> </div>
{/* Subtask */} {/* Subtask */}
<div className="flex flex-col pt-2"> <div className="flex flex-col pt-2">