refactor: endDate look changed/ endDate string changed to 'Ended' whe…

…n finished
w3b3d3v · Jan 25, 2024 · fe201fc · fe201fc
1 parent a33a3ad
commit fe201fc
Showing 1 changed file with 13 additions and 1 deletion.
diff --git 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>