ui: 완료 시점과 생성 시점을 보여주도록 개선

Author: opficdev

DevLog/Resource/Localizable.xcstrings

@@ -325,6 +325,9 @@
     },
     "새 계정 연동" : {
 
+    },
+    "생성일" : {
+
     },
     "설명(선택 사항)" : {
 
@@ -355,6 +358,9 @@
     },
     "완료 상태" : {
 
+    },
+    "완료 시점" : {
+
     },
     "읽지 않음" : {
 

DevLog/UI/Common/TodoInfoSheetView.swift

@@ -8,6 +8,8 @@
 import SwiftUI
 
 struct TodoInfoSheetView: View {
+    let createdAt: Date
+    let completedAt: Date?
     let dueDate: Date?
     let tags: [String]
     let onClose: () -> Void
@@ -16,13 +18,28 @@ struct TodoInfoSheetView: View {
         NavigationStack {
             ScrollView {
                 LazyVStack(spacing: 32) {
-                    VStack {
-                        HStack {
-                            Text("마감일")
-                                .font(.subheadline)
-                                .foregroundStyle(.secondary)
+                    VStack(alignment: .leading) {
+                        Text("생성일")
+                            .font(.subheadline)
+                            .foregroundStyle(.secondary)
+                        HStack(spacing: 8) {
+                            Image(systemName: "calendar")
+                                .foregroundStyle(.white)
+                            Text(createdAt.formatted(date: .abbreviated, time: .omitted))
                             Spacer()
                         }
+                        .padding(.vertical, 10)
+                        .padding(.horizontal, 12)
+                        .background(
+                            RoundedRectangle(cornerRadius: 12)
+                                .fill(.blue)
+                        )
+                        Divider()
+                    }
+                    VStack(alignment: .leading) {
+                        Text("마감일")
+                            .font(.subheadline)
+                            .foregroundStyle(.secondary)
                         HStack(spacing: 8) {
                             Image(systemName: "calendar")
                                 .foregroundStyle(.secondary)
@@ -42,13 +59,33 @@ struct TodoInfoSheetView: View {
                         )
                         Divider()
                     }
-                    VStack {
-                        HStack {
-                            Text("태그")
-                                .font(.subheadline)
+                    VStack(alignment: .leading) {
+                        Text("완료 시점")
+                            .font(.subheadline)
+                            .foregroundStyle(.secondary)
+                        HStack(spacing: 8) {
+                            Image(systemName: "calendar")
                                 .foregroundStyle(.secondary)
+                            Text(
+                                completedAt?
+                                    .formatted(date: .abbreviated, time: .omitted)
+                                ?? "완료하지 않음"
+                            )
+                            .foregroundStyle(.white)
                             Spacer()
                         }
+                        .padding(.vertical, 10)
+                        .padding(.horizontal, 12)
+                        .background(
+                            RoundedRectangle(cornerRadius: 12)
+                                .fill(.green)
+                        )
+                        Divider()
+                    }
+                    VStack(alignment: .leading) {
+                        Text("태그")
+                            .font(.subheadline)
+                            .foregroundStyle(.secondary)
                         Divider()
                         if !tags.isEmpty {
                             TagLayout {

DevLog/UI/Home/TodoDetailView.swift

@@ -64,12 +64,17 @@ struct TodoDetailView: View {
         }
     }
 
+    @ViewBuilder
     private var sheetContent: some View {
-        TodoInfoSheetView(
-            dueDate: viewModel.state.todo?.dueDate,
-            tags: viewModel.state.todo?.tags ?? []
-        ) {
-            viewModel.send(.setShowInfo(false))
+        if let todo = viewModel.state.todo {
+            TodoInfoSheetView(
+                createdAt: todo.createdAt,
+                completedAt: todo.completedAt,
+                dueDate: todo.dueDate,
+                tags: todo.tags
+            ) {
+                viewModel.send(.setShowInfo(false))
+            }
         }
     }
 }

DevLog/UI/Profile/ProfileView.swift

@@ -294,6 +294,8 @@ private struct ProfileActivityTodoDetailView: View {
 
     private var infoSheetContent: some View {
         TodoInfoSheetView(
+            createdAt: activity.todo.createdAt,
+            completedAt: activity.todo.completedAt,
             dueDate: activity.todo.dueDate,
             tags: activity.todo.tags
         ) {