TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-18 21:44:07 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor EisenhowerMatrix component

Browse Source
This commit is contained in:
Pattadon 2023-11-28 11:45:23 +07:00
parent 275738d902
commit 5704d7c917
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/EisenhowerMatrix/Eisenhower.jsx
View File

@ -1,5 +1,10 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { FiAlertCircle, FiClock, FiXCircle, FiCheckCircle } from "react-icons/fi"; import {
FiAlertCircle,
FiClock,
FiXCircle,
FiCheckCircle,
} from "react-icons/fi";
import { readTodoTasks } from "../../api/TaskApi"; import { readTodoTasks } from "../../api/TaskApi";
import { axiosInstance } from "src/api/AxiosConfig"; import { axiosInstance } from "src/api/AxiosConfig";
@ -26,7 +31,9 @@ function EachBlog({ name, colorCode, contentList, icon }) {
}; };
return ( return (
<div className={`h-full text-left p-4 rounded-lg bg-white border border-gray-300 overflow-y-auto`}> <div
className={`h-full text-left p-4 rounded-lg bg-white border border-gray-300 overflow-y-auto`}
>
<div className="flex" style={{ color: colorCode }}> <div className="flex" style={{ color: colorCode }}>
<span className="mx-2 mt-1">{icon}</span> <span className="mx-2 mt-1">{icon}</span>
<span>{name}</span> <span>{name}</span>
@ -39,10 +46,14 @@ function EachBlog({ name, colorCode, contentList, icon }) {
<input <input
type="checkbox" type="checkbox"
checked={item.completed} checked={item.completed}
className="checkbox mt-1 mr-2" className="checkbox mt-1 mr-2 bg-gray-300 "
onChange={() => handleCheckboxChange(index)} onChange={() => handleCheckboxChange(index)}
/> />
<label className={`cursor-pointer ${item.completed ? "line-through text-gray-500" : ""}`}> <label
className={`cursor-pointer ${
item.completed ? "line-through text-gray-500" : ""
}`}
>
{item.title} {item.title}
</label> </label>
</div> </div>