[design] #157 팝업 메세지 변경사항 반영

Author: ShapeKim98

Projects/DSKit/Sources/Components/PokitLinkPopup.swift

@@ -37,14 +37,7 @@ public struct PokitLinkPopup: View {
         ZStack {
             background
 
-            Group {
-                switch self.type {
-                case let .link(url):
-                    linkPopup(url)
-                case .text:
-                    textPopup
-                }
-            }
+            popup
             .padding(.vertical, 12)
             .padding(.horizontal, 20)
         }
@@ -59,44 +52,38 @@ public struct PokitLinkPopup: View {
         }
     }
 
-    @ViewBuilder
-    private func linkPopup(_ url: String) -> some View {
-        HStack {
+    private var popup: some View {
+        HStack(spacing: 0) {
             Button {
                 action?()
             } label: {
                 VStack(alignment: .leading, spacing: 0) {
                     Text(titleKey)
-                        .lineLimit(1)
+                        .lineLimit(2)
                         .pokitFont(.b2(.b))
                         .multilineTextAlignment(.leading)
-                        .foregroundStyle(.pokit(.text(.inverseWh)))
+                        .foregroundStyle(
+                            type == .warning
+                            ? .pokit(.text(.primary))
+                            : .pokit(.text(.inverseWh))
+                        )
 
-                    Text(url)
-                        .lineLimit(1)
-                        .pokitFont(.detail2)
-                        .foregroundStyle(.pokit(.text(.inverseWh)))
+                    if case .link(let url) = type {
+                        Text(url)
+                            .lineLimit(1)
+                            .pokitFont(.detail2)
+                            .foregroundStyle(.pokit(.text(.inverseWh)))
+                    }
                 }
 
-                Spacer(minLength: 72)
-            }
-            
-            closeButton
-        }
-    }
-    
-    private var textPopup: some View {
-        HStack {
-            Button {
-                action?()
-            } label: {
-                Text(titleKey)
-                    .lineLimit(2)
-                    .pokitFont(.b3(.b))
-                    .multilineTextAlignment(.leading)
-                    .foregroundStyle(.pokit(.text(.inverseWh)))
+                if case .success = type {
+                    Image(.icon(.check))
+                        .resizable()
+                        .frame(width: 24, height: 24)
+                        .foregroundStyle(.pokit(.icon(.inverseWh)))
+                }
 
-                Spacer(minLength: 54)
+                Spacer(minLength: 72)
             }
 
             closeButton
@@ -105,15 +92,19 @@ public struct PokitLinkPopup: View {
 
     private var background: some View {
         RoundedRectangle(cornerRadius: 9999, style: .continuous)
-            .fill(.pokit(.bg(.tertiary)))
+            .fill(backgroundColor)
     }
 
     private var closeButton: some View {
         Button(action: closedPopup) {
             Image(.icon(.x))
                 .resizable()
                 .frame(width: 24, height: 24)
-                .foregroundStyle(.pokit(.icon(.inverseWh)))
+                .foregroundStyle(
+                    type == .warning
+                    ? .pokit(.icon(.primary))
+                    : .pokit(.icon(.inverseWh))
+                )
         }
     }
 
@@ -123,12 +114,28 @@ public struct PokitLinkPopup: View {
             isPresented = false
         }
     }
+    
+    private var backgroundColor: Color {
+        switch type {
+        case .link, .text:
+            return .pokit(.bg(.tertiary))
+        case .success:
+            return .pokit(.bg(.success))
+        case .error:
+            return .pokit(.bg(.error))
+        case .warning:
+            return .pokit(.bg(.warning))
+        }
+    }
 }
 
 public extension PokitLinkPopup {
-    enum PopupType {
+    enum PopupType: Equatable {
         case link(url: String)
         case text
+        case success
+        case error
+        case warning
     }
 }
 
@@ -145,5 +152,23 @@ public extension PokitLinkPopup {
             isPresented: .constant(true),
             type: .text
         )
+        
+        PokitLinkPopup(
+            "링크저장 완료",
+            isPresented: .constant(true),
+            type: .success
+        )
+        
+        PokitLinkPopup(
+            "링크저장 실패",
+            isPresented: .constant(true),
+            type: .error
+        )
+        
+        PokitLinkPopup(
+            "저장공간 부족",
+            isPresented: .constant(true),
+            type: .warning
+        )
     }
 }