[#12] 중요 탭 기능 구현하기

Author: hiddenparts

Todo/View/Favorite/FavoriteView.swift

@@ -8,22 +8,64 @@
 import SwiftUI
 
 struct FavoriteView: View {
+    @Environment(TaskManager.self) var taskManager
+    @State private var isShowDoneTask: Bool = true
 
+    var tasks: [TaskModel] { taskManager.tasks.filter { $0.isFavorite && $0.isDone == false} }
+    var doneTasks: [TaskModel] {taskManager.tasks.filter { $0.isFavorite && $0.isDone == true } }
+    
+    var isShowDoneTaskButtonTitle: String {
+        isShowDoneTask ? "완료 숨기기" : "완료 보기"
+    }
 
     var body: some View {
+        @Bindable var taskManager = taskManager
+        
         NavigationStack {
             List {
+                Section {
+                    if tasks.isEmpty {
+                        TaskEmptyView()
+                    } else {
+                        ForEach(tasks) {
+                            TaskListItemView(task: $0)
+                                .swipeActions {
+                                    Button("삭제") {
+                                        
+                                    }.tint(Color.Todo.red)
+                                }
+                        }
+                    }
+                    
+                } header: {
+                    Text("하는 중")
+                }
 
+                if isShowDoneTask {
+                    Section {
+                        ForEach(doneTasks) {
+                            TaskListItemView(task: $0)
+                                .swipeActions {
+                                    Button("삭제") {
+                                        
+                                    }.tint(Color.Todo.red)
+                                }
+                        }
+                    } header: {
+                        Text("완료")
+                    }
+                }
             }
+            .buttonStyle(.borderless) // 리스트에서 아이템을 탭했을때 모든 버튼들이 이벤트를 동시에 받는 것을 방지
             .toolbar {
                 ToolbarItem(placement: .topBarLeading) {
                     Text("Star")
                         .font(.Todo.title)
                         .foregroundStyle(Color.Todo.black)
                 }
                 ToolbarItem(placement: .topBarTrailing) {
-                    Button("완료 숨기기") {
-                        
+                    Button(isShowDoneTaskButtonTitle) {
+                        isShowDoneTask.toggle()
                     }
                 }
             }

Todo/View/Main/MainView.swift

@@ -14,7 +14,7 @@ struct MainView: View {
     var tasks: [TaskModel] { taskManager.tasks.filter { $0.isDone == false } }
     var doneTasks: [TaskModel] {taskManager.tasks.filter { $0.isDone == true } }
 
-    var isShowDontTaskButtonTitle: String {
+    var isShowDoneTaskButtonTitle: String {
         isShowDoneTask ? "완료 숨기기" : "완료 보기"
     }
 
@@ -64,7 +64,7 @@ struct MainView: View {
                         .foregroundStyle(Color.Todo.black)
                 }
                 ToolbarItem(placement: .topBarTrailing) {
-                    Button(isShowDontTaskButtonTitle) {
+                    Button(isShowDoneTaskButtonTitle) {
                         isShowDoneTask.toggle()
                     }
                 }

Todo/View/Main/TaskListItemView.swift

@@ -37,7 +37,6 @@ struct DoneButton: View {
 
     var body: some View {
         Button {
-            print("done button")
             isDone.toggle()
         } label: {
             Image(isDone ? "ic_notyet_fill" : "ic_notyet")
@@ -52,7 +51,6 @@ struct FavoriteButton: View {
 
     var body: some View {
         Button {
-            print("favorite button")
             isFavorite.toggle()
         } label: {
             Image(isFavorite ? "ic_tap_star_fill" : "ic_tap_star")