feat: 다가오는 일정 체크 박스 제거

Author: moo1677

components/home/CheckItem.tsx

@@ -6,9 +6,15 @@ type CheckItemProps = {
   checked: boolean;
   text: string;
   onToggle: () => void;
+  checkbox?: boolean;
 };
 
-export function CheckItem({ checked, text, onToggle }: CheckItemProps) {
+export function CheckItem({
+  checked,
+  text,
+  onToggle,
+  checkbox,
+}: CheckItemProps) {
   return (
     <button
       type="button"
@@ -19,23 +25,25 @@ export function CheckItem({ checked, text, onToggle }: CheckItemProps) {
         'border-gray-300',
       ].join(' ')}
     >
-      <div
-        className={[
-          'flex h-6 w-6 items-center justify-center rounded-full border-2 transition',
-          checked ? 'border-green-500' : 'border-gray-400',
-        ].join(' ')}
-      >
-        <Check
+      {checkbox && (
+        <div
           className={[
-            'transition-all',
-            checked
-              ? 'scale-100 text-green-500 opacity-100'
-              : 'scale-50 opacity-0',
+            'flex h-6 w-6 items-center justify-center rounded-full border-2 transition',
+            checked ? 'border-green-500' : 'border-gray-400',
           ].join(' ')}
-          size={16}
-          strokeWidth={4}
-        />
-      </div>
+        >
+          <Check
+            className={[
+              'transition-all',
+              checked
+                ? 'scale-100 text-green-500 opacity-100'
+                : 'scale-50 opacity-0',
+            ].join(' ')}
+            size={16}
+            strokeWidth={4}
+          />
+        </div>
+      )}
       <span
         className={[
           'text-sm',

components/home/CheckList.tsx

@@ -12,12 +12,14 @@ type CheckListProps<T extends CheckableItem> = {
   items: T[];
   onToggleTodo: (id: string, checked: boolean) => void;
   emptyText?: string;
+  checkbox?: boolean;
 };
 
 export default function CheckList<T extends CheckableItem>({
   items,
   onToggleTodo,
   emptyText = '아직 항목이 없습니다',
+  checkbox,
 }: CheckListProps<T>) {
   if (items.length === 0) {
     return <p className="text-sm text-gray-400">{emptyText}</p>;
@@ -31,6 +33,7 @@ export default function CheckList<T extends CheckableItem>({
           checked={item.isChecked}
           text={item.text}
           onToggle={() => onToggleTodo(item.id, item.isChecked)}
+          checkbox={checkbox}
         />
       ))}
     </div>

components/home/TodayPlanContainer.tsx

@@ -31,6 +31,7 @@ export default function TodayPlanContainer({
         items={items}
         onToggleTodo={(id, checked) => onToggle(id, checked)}
         emptyText="오늘 완료할 계획이 없습니다"
+        checkbox={true}
       />
     </Card>
   );