From 3f0680bde6c0beb6afb75fa7b7bd3df21cabbcbd Mon Sep 17 00:00:00 2001
From: Manikanta cheepurupalli <62022514+Manikanta528@users.noreply.github.com>
Date: Mon, 14 Aug 2023 23:06:03 +0530
Subject: [PATCH] tasks strikes through #1176 (#1186)

---
 front/src/modules/activities/components/TaskRow.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/activities/components/TaskRow.tsx b/front/src/modules/activities/components/TaskRow.tsx
index 87d09b7ab..30e4bc1b1 100644
--- a/front/src/modules/activities/components/TaskRow.tsx
+++ b/front/src/modules/activities/components/TaskRow.tsx
@@ -33,10 +33,13 @@ const StyledTaskBody = styled.div`
   width: 1px;
 `;
 
-const StyledTaskTitle = styled.div`
+const StyledTaskTitle = styled.div<{
+  completed: boolean;
+}>`
   color: ${({ theme }) => theme.font.color.primary};
   font-weight: ${({ theme }) => theme.font.weight.medium};
   padding: 0 ${({ theme }) => theme.spacing(2)};
+  text-decoration: ${({ completed }) => (completed ? 'line-through' : 'none')};
 `;
 
 const StyledCommentIcon = styled.div`
@@ -82,7 +85,9 @@ export function TaskRow({ task }: { task: TaskForList }) {
           onChange={completeTask}
         />
       </div>
-      <StyledTaskTitle>{task.title ?? '(No title)'}</StyledTaskTitle>
+      <StyledTaskTitle completed={task.completedAt !== null}>
+        {task.title ?? '(No title)'}
+      </StyledTaskTitle>
       <StyledTaskBody>
         <OverflowingTextWithTooltip text={body} />
         {task.comments && task.comments.length > 0 && (