feat: 최대 20자 제한

Author: opficdev

DevLog/Presentation/ViewModel/TodoManageViewModel.swift

@@ -56,6 +56,14 @@ final class TodoManageViewModel: Store {
         isEditing ? "저장" : "추가"
     }
 
+    var placerholder: String {
+        state.category?.name ?? "이름"
+    }
+
+    var categoryNameCountText: String {
+        "\((state.category?.name ?? "").count)/\(20)"
+    }
+
     var canSubmitUserCategory: Bool {
         let trimmedCategoryName = state.category?.name.trimmingCharacters(in: .whitespacesAndNewlines) ?? ""
         if trimmedCategoryName.isEmpty {
@@ -129,19 +137,22 @@ final class TodoManageViewModel: Store {
                 state.category = nil
             }
         case .setCategoryName(let name):
-            state.category?.name = name
+            guard var category = state.category else { break }
+            category.name = String(name.prefix(20))
+            state.category = category
         case .setCategoryColor(let color):
-            state.category?.colorHex = color.hexString ?? "#0A84FF"
+            guard var category = state.category else { break }
+
+            category.colorHex = color.hexString ?? "#0A84FF"
+            state.category = category
         case .saveUserCategory:
-            guard let userTodoCategory = state.category else {
-                break
-            }
+            guard let category = state.category else { break }
 
-            let trimmedCategoryName = userTodoCategory.name.trimmingCharacters(in: .whitespacesAndNewlines)
+            let name = category.name.trimmingCharacters(in: .whitespacesAndNewlines)
             let updatedCategory = UserTodoCategory(
-                id: userTodoCategory.id,
-                name: trimmedCategoryName,
-                colorHex: userTodoCategory.colorHex
+                id: category.id,
+                name: name,
+                colorHex: category.colorHex
             )
 
             if let index = state.preferences.firstIndex(where: {

DevLog/Resource/Localizable.xcstrings

@@ -456,9 +456,6 @@
     },
     "카테고리 삭제" : {
 
-    },
-    "카테고리명" : {
-
     },
     "컨텐츠" : {
 

DevLog/UI/Home/TodoManageView.swift

@@ -9,6 +9,7 @@ import SwiftUI
 
 struct TodoManageView: View {
     @State var viewModel: TodoManageViewModel
+    @State private var tmpText: String = ""
     var onDismiss: (([TodoCategoryPreference]) -> Void)?
 
     var body: some View {
@@ -23,6 +24,7 @@ struct TodoManageView: View {
                                 viewModel.send(.tapItem(category))
                             }
                         Text(category.localizedName)
+                            .lineLimit(1)
                         Spacer()
                         if case .user = category {
                             Button {
@@ -102,22 +104,34 @@ struct TodoManageView: View {
         NavigationStack {
             Form {
                 Section {
-                    TextField(
-                        "카테고리명",
-                        text: Binding(
-                            get: { viewModel.state.category?.name ?? "" },
-                            set: { viewModel.send(.setCategoryName($0)) }
+                    HStack(spacing: 8) {
+                        TextField(
+                            "",
+                            text: $tmpText,
+                            prompt: Text(viewModel.placerholder).foregroundStyle(.secondary)
                         )
-                    )
-                    .frame(height: UIFont.preferredFont(forTextStyle: .body).lineHeight)
+                        .frame(height: UIFont.preferredFont(forTextStyle: .body).lineHeight)
+                        .onAppear {
+                            tmpText = viewModel.state.category?.name ?? ""
+                        }
+                        .onChange(of: tmpText) { _, value in
+                            viewModel.send(.setCategoryName(value))
+                            tmpText = viewModel.state.category?.name ?? ""
+                        }
+
+                        Text(viewModel.categoryNameCountText)
+                            .font(.footnote)
+                            .foregroundStyle(.secondary)
+                            .monospacedDigit()
+                    }
                 }
 
                 Section {
+                    let color = Color(hexString: viewModel.state.category?.colorHex ?? "#0A84FF") ?? .blue
                     ColorPicker(selection: Binding(
-                        get: { Color(hexString: viewModel.state.category?.colorHex ?? "#0A84FF") ?? .blue },
+                        get: { color },
                         set: { viewModel.send(.setCategoryColor($0)) }
                     ), supportsOpacity: false) {
-                        let color = Color(hexString: viewModel.state.category?.colorHex ?? "#0A84FF") ?? .blue
                         Text(viewModel.state.category?.colorHex ?? "#")
                             .foregroundStyle(color)
                     }