[feat] #171 overlay, background 모디파이어 개선

Author: ShapeKim98

Projects/DSKit/Sources/Components/PokitHeader.swift

@@ -7,6 +7,8 @@
 
 import SwiftUI
 
+import Util
+
 public struct PokitHeader<Content: View>: View {
     private let title: String?
 
@@ -28,12 +30,10 @@ public struct PokitHeader<Content: View>: View {
         .padding(.horizontal, 20)
         .padding(.vertical, 12)
         .background(.pokit(.bg(.base)))
-        .overlay {
-            if let title {
-                Text(title)
-                    .pokitFont(.title3)
-                    .foregroundStyle(.pokit(.text(.primary)))
-            }
+        .overlay(ifLet: title) { title in
+            Text(title)
+                .pokitFont(.title3)
+                .foregroundStyle(.pokit(.text(.primary)))
         }
     }
 }

Projects/Feature/FeatureContentDetail/Sources/ContentDetail/ContentDetailView.swift

@@ -9,6 +9,7 @@ import SwiftUI
 import ComposableArchitecture
 import Domain
 import DSKit
+import Util
 
 @ViewAction(for: ContentDetailFeature.self)
 public struct ContentDetailView: View {
@@ -52,10 +53,8 @@ public extension ContentDetailView {
             .pokitPresentationCornerRadius()
             .presentationDragIndicator(.visible)
             .presentationDetents([.height(588), .large])
-            .overlay(alignment: .bottom) {
-                if store.linkPopup != nil {
-                    PokitLinkPopup(type: $store.linkPopup)
-                }
+            .overlay(if: store.linkPopup != nil, alignment: .bottom) {
+                PokitLinkPopup(type: $store.linkPopup)
             }
             .sheet(isPresented: $store.showAlert) {
                 PokitAlert(

Projects/Util/Sources/Extension/View+Extension.swift

@@ -7,8 +7,9 @@
 
 import SwiftUI
 
-extension View {
-    public func dismissKeyboard(
+public extension View {
+    @ViewBuilder
+    func dismissKeyboard(
         focused: FocusState<Bool>.Binding
     ) -> some View {
         self
@@ -23,7 +24,8 @@ extension View {
             }
     }
 
-    public func dismissKeyboard<Value: Hashable>(
+    @ViewBuilder
+    func dismissKeyboard<Value: Hashable>(
         focused: FocusState<Value?>.Binding
     ) -> some View {
         self
@@ -37,4 +39,72 @@ extension View {
                 }
             }
     }
+    
+    @ViewBuilder
+    func overlay<V>(
+        `if` condition: Bool,
+        alignment: Alignment = .center,
+        @ViewBuilder content: () -> V,
+        @ViewBuilder `else`: () -> V? = { nil }
+    ) -> some View where V : View {
+        self
+            .overlay(alignment: alignment) {
+                if condition {
+                    content()
+                } else {
+                    `else`()
+                }
+            }
+    }
+    
+    @ViewBuilder
+    func overlay<V, T>(
+        ifLet optional: T?,
+        alignment: Alignment = .center,
+        @ViewBuilder content: (T) -> V,
+        @ViewBuilder `else`: () -> V? = { nil }
+    ) -> some View where V : View {
+        self
+            .overlay(alignment: alignment) {
+                if let optional {
+                    content(optional)
+                } else {
+                    `else`()
+                }
+            }
+    }
+    
+    @ViewBuilder
+    func background<V>(
+        `if` condition: Bool,
+        alignment: Alignment = .center,
+        @ViewBuilder content: () -> V,
+        @ViewBuilder `else`: () -> V? = { nil }
+    ) -> some View where V : View {
+        self
+            .background(alignment: alignment) {
+                if condition {
+                    content()
+                } else {
+                    `else`()
+                }
+            }
+    }
+    
+    @ViewBuilder
+    func background<V, T>(
+        ifLet optional: T?,
+        alignment: Alignment = .center,
+        @ViewBuilder content: (T) -> V,
+        @ViewBuilder `else`: () -> V? = { nil }
+    ) -> some View where V : View {
+        self
+            .background(alignment: alignment) {
+                if let optional {
+                    content(optional)
+                } else {
+                    `else`()
+                }
+            }
+    }
 }