From 508fd22f24aaea02fcaa3795bc6bfb73dfd06a9a Mon Sep 17 00:00:00 2001
From: sechan100 <sechan100@gmail.com>
Date: Wed, 25 Dec 2024 10:34:38 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Group=EC=97=90=20task=EA=B0=80=20?=
 =?UTF-8?q?=EC=97=86=EC=9C=BC=EB=A9=B4=20group=EC=9D=B4=20=EC=99=84?=
 =?UTF-8?q?=EB=A3=8C=EB=90=9C=20=EC=83=81=ED=83=9C=EB=A1=9C=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C=EB=90=98=EB=8A=94=20ui=EB=A5=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/task-el/ui/BaseTaskFeature.tsx      | 2 +-
 src/features/task-el/ui/BaseTaskGroupFeature.tsx | 1 +
 src/features/task-el/ui/CancelLineName.tsx       | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/features/task-el/ui/BaseTaskFeature.tsx b/src/features/task-el/ui/BaseTaskFeature.tsx
index 51826cc..20544fa 100644
--- a/src/features/task-el/ui/BaseTaskFeature.tsx
+++ b/src/features/task-el/ui/BaseTaskFeature.tsx
@@ -134,7 +134,7 @@ export const BaseTaskFeature = React.memo(<T extends Task>({
         }}
       >
         <Checkbox state={task.state} />
-        <CancelLineName name={task.name} cancel={TaskEntity.isChecked(task)} withoutCancelLine={task.state === "failed"} />
+        <CancelLineName name={task.name} cancel={TaskEntity.isChecked(task)} transparentLine={task.state === "failed"} />
       </Touchable>
       <OptionIcon onOptionMenu={(m) => onOptionMenu(m, task)} />
       {indicator}
diff --git a/src/features/task-el/ui/BaseTaskGroupFeature.tsx b/src/features/task-el/ui/BaseTaskGroupFeature.tsx
index 0fa4f06..a2f5d48 100644
--- a/src/features/task-el/ui/BaseTaskGroupFeature.tsx
+++ b/src/features/task-el/ui/BaseTaskGroupFeature.tsx
@@ -157,6 +157,7 @@ export const BaseTaskGroupFeature = React.memo(({
               <CancelLineName
                 name={group.name}
                 cancel={group.children.every(TaskEntity.isChecked)}
+                transparentLine={group.children.length === 0}
               />
             </AccordionSummary>
           </Touchable>
diff --git a/src/features/task-el/ui/CancelLineName.tsx b/src/features/task-el/ui/CancelLineName.tsx
index ea32272..69f8133 100644
--- a/src/features/task-el/ui/CancelLineName.tsx
+++ b/src/features/task-el/ui/CancelLineName.tsx
@@ -36,17 +36,17 @@ const cancelLineStyle = css({
 interface Props {
   name: string;
   cancel: boolean;
-  withoutCancelLine?: boolean;
+  transparentLine?: boolean;
 }
 export const CancelLineName = ({
   name,
   cancel,
-  withoutCancelLine
+  transparentLine
 }: Props) => {
   return (
     <span 
       className={bem("name")}
-      css={[baseStyle, cancel && cancelTextStyle, cancel && !withoutCancelLine && cancelLineStyle]}
+      css={[baseStyle, cancel && cancelTextStyle, cancel && !transparentLine && cancelLineStyle]}
     >
       {name}
     </span>