From fe201fca1247d1e0cff60fb8d79d8b9505d94e43 Mon Sep 17 00:00:00 2001
From: RafaDSan <rafaeldss12@gmail.com>
Date: Thu, 25 Jan 2024 20:07:55 -0300
Subject: [PATCH] refactor: endDate look changed/ endDate string changed to
 'Ended' when finished

---
 src/components/Task/CardTask.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Task/CardTask.tsx b/src/components/Task/CardTask.tsx
index 3aa2854..a70215e 100644
--- a/src/components/Task/CardTask.tsx
+++ b/src/components/Task/CardTask.tsx
@@ -284,8 +284,20 @@ export const CardTask = ({ taskId, taskData, loading }: any) => {
                                             startIcon={<AccessTime />}
                                             variant="contained"
                                             component="span"
+                                            style={{
+                                                backgroundColor: 
+                                                taskData.status === "Completed" 
+                                                ? "green" 
+                                                : taskData.status === "Canceled" 
+                                                ? "red" 
+                                                : "initial",
+                                                color: "white",
+                                                fontWeight: "bold",
+                                                borderRadius: "12px",
+                                                padding: "6px 16px",
+                                            }}
                                         >
-                                            End Date: {taskData.endDate}
+                                            {taskData.status === "Completed" || taskData.status === "Canceled" ? "Ended" : `End Date: ${taskData.endDate}`}
                                         </Button>
                                     </Box>
                                 </CardContent>