ui: TodoDetailView의 시트를 TodoEditorView의 시트 형태로 변경

Author: opficdev

DevLog/UI/Home/TodoDetailView.swift

@@ -70,14 +70,104 @@ struct TodoDetailView: View {
     @ViewBuilder
     private var sheetContent: some View {
         if let todo = viewModel.state.todo {
-            TodoInfoSheetView(
-                createdAt: todo.createdAt,
-                completedAt: todo.completedAt,
-                dueDate: todo.dueDate,
-                tags: todo.tags
-            ) {
+            TodoDetailInfoSheetView(todo: todo) {
                 viewModel.send(.setShowInfo(false))
             }
         }
     }
 }
+
+private struct TodoDetailInfoSheetView: View {
+    let todo: Todo
+    let onClose: () -> Void
+    private let calendar = Calendar.current
+
+    var body: some View {
+        NavigationStack {
+            List {
+                Section("옵션") {
+                    HStack {
+                        Text("카테고리")
+                        Spacer()
+                        Text(todo.kind.localizedName)
+                            .foregroundStyle(.secondary)
+                    }
+
+                    statusRow(
+                        title: "완료",
+                        systemImage: todo.isCompleted ? "checkmark.circle.fill" : "circle",
+                        color: todo.isCompleted ? .green : .secondary
+                    )
+
+                    statusRow(
+                        title: "중요 표시",
+                        systemImage: todo.isPinned ? "star.fill" : "star",
+                        color: todo.isPinned ? .orange : .secondary
+                    )
+
+                    HStack {
+                        Text("마감일")
+
+                        Spacer()
+
+                        if let dueDate = todo.dueDate {
+                            Tag(dueDateText(for: dueDate), isEditing: false)
+                                .padding(.vertical, -4)
+                        } else {
+                            Text("없음")
+                                .foregroundStyle(.secondary)
+                        }
+                    }
+                }
+
+                Section("태그") {
+                    if todo.tags.isEmpty {
+                        Text("태그 없음")
+                            .foregroundStyle(.secondary)
+                            .padding(.vertical, 4)
+                    } else {
+                        TagList(todo.tags)
+                    }
+                }
+            }
+            .navigationTitle("세부 정보")
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarLeadingButton {
+                    onClose()
+                }
+            }
+        }
+    }
+
+    @ViewBuilder
+    private func statusRow(
+        title: String,
+        systemImage: String,
+        color: Color
+    ) -> some View {
+        HStack {
+            Text(title)
+
+            Spacer()
+
+            Image(systemName: systemImage)
+                .foregroundStyle(color)
+        }
+    }
+
+    private func dueDateText(for dueDate: Date) -> String {
+        let currentYear = calendar.component(.year, from: Date())
+        let dueDateYear = calendar.component(.year, from: dueDate)
+
+        if currentYear == dueDateYear {
+            return dueDate.formatted(
+                .dateTime.month(.defaultDigits).day(.defaultDigits)
+            )
+        }
+
+        return dueDate.formatted(
+            .dateTime.year(.twoDigits).month(.defaultDigits).day(.defaultDigits)
+        )
+    }
+}

DevLog/UI/Home/TodoEditorView.swift

@@ -272,9 +272,7 @@ private struct TodoEditorInfoSheetView: View {
             HStack {
                 Text("마감일")
                     .foregroundStyle(.primary)
-
                 Spacer()
-
                 if let dueDate = viewModel.state.dueDate {
                     Tag(dueDateText(for: dueDate), isEditing: true) {
                         viewModel.send(.setDueDate(nil))