fix: 인증하기 QA 반영

Projects/Feature/GoalDetail/Sources/Detail/GoalDetailReducer+Impl.swift

@@ -244,7 +244,7 @@ extension GoalDetailReducer {
                 state.isPresentedProofPhoto = false
                 return .none
 
-            case let .proofPhoto(.delegate(.completedUploadPhoto(myPhotoLog, editedImageData: editedImageData))):
+            case let .proofPhoto(.delegate(.completedUploadPhoto(myPhotoLog, editedImageData))):
                 state.isPresentedProofPhoto = false
                 state.pendingEditedImageData = editedImageData
                 var myPhotoLog = myPhotoLog

Projects/Feature/ProofPhoto/Sources/ProofPhotoReducer+Impl.swift

@@ -156,7 +156,7 @@ extension ProofPhotoReducer {
                                 .delegate(
                                     .completedUploadPhoto(
                                         myPhotoLog: myPhotoLog,
-                                        editedImageData: nil
+                                        editedImageData: imageData
                                     )
                                 )
                             )

Projects/Feature/ProofPhoto/Sources/ProofPhotoView.swift

@@ -86,6 +86,7 @@ private extension ProofPhotoView {
     var mainContent: some View {
         VStack(spacing: 0) {
             topBar
+                .padding(.trailing, 10)
             titleText
                 .padding(.top, 25)
             photoPreview
@@ -110,7 +111,9 @@ private extension ProofPhotoView {
                 store.send(.closeButtonTapped)
             } label: {
                 Image.Icon.Symbol.closeM
+                    .resizable()
                     .renderingMode(.template)
+                    .frame(width: 24, height: 24)
                     .foregroundStyle(Color.Gray.gray100)
                     .frame(width: 44, height: 44)
             }
@@ -179,14 +182,11 @@ private extension ProofPhotoView {
 
     @ViewBuilder
     var bottomControls: some View {
-        Group {
-            if store.hasImage {
-                uploadControls
-            } else {
-                captureControls
-            }
+        if store.hasImage {
+            uploadControls
+        } else {
+            captureControls
         }
-        .frame(height: 74)
     }
 
     var captureControls: some View {
@@ -223,6 +223,7 @@ private extension ProofPhotoView {
                 .frame(width: 50)
         }
         .frame(maxWidth: .infinity)
+        .frame(height: 74)
     }
 
     var galleryButton: some View {
@@ -258,6 +259,7 @@ private extension ProofPhotoView {
                         .frame(width: 84, height: 84)
                 )
         }
+        .frame(width: 84, height: 84)
         .disabled(store.isCapturing)
     }
 
@@ -278,7 +280,7 @@ private extension ProofPhotoView {
     func previewContainer(
         @ViewBuilder content: @escaping () -> some View
     ) -> some View {
-        let shape = RoundedRectangle(cornerRadius: 76)
+        let shape = RoundedRectangle(cornerRadius: 76, style: .continuous)
 
         return Color.clear
             .frame(maxWidth: .infinity)
@@ -314,7 +316,7 @@ private extension ProofPhotoView {
                 }
                 commentCircle
             }
-            .padding(.bottom, 26)
+            .padding(.bottom, 28)
             .frame(width: rectFrame.width, height: rectFrame.height, alignment: .bottom)
             .offset(x: posX, y: posY)
             .animation(.easeOut(duration: 0.25), value: keyboardInset)

Projects/Shared/DesignSystem/Sources/Components/Button/ShadowButton/TXShadowButton.swift

@@ -47,7 +47,7 @@ public struct TXShadowButton: View {
         var borderColor: Color = .clear
         let borderWidth: CGFloat = 1.6
         let shadowHeight: CGFloat = 70
-        let shadowTopPadding: CGFloat = 4
+        let shadowTopPadding: CGFloat = 6
         let frameHeight: CGFloat = 74
 
         var buttonWidth: CGFloat? {

Projects/Shared/DesignSystem/Sources/Components/TextField/TXCommentCircle.swift

@@ -65,7 +65,7 @@ public struct TXCommentCircle: View {
             onFocused?(isFocused)
             externalFocus?.wrappedValue = isFocused
         }
-        .onChange(of: externalFocus?.wrappedValue) { newValue in
+        .onChange(of: externalFocus?.wrappedValue) { _, newValue in
             guard let newValue, newValue != isFocused else { return }
             isFocused = newValue
         }
@@ -75,23 +75,15 @@ public struct TXCommentCircle: View {
 // MARK: - SubViews
 private extension TXCommentCircle {
     var borderCircles: some View {
-        HStack(spacing: Constants.circleSpacing) {
-            ForEach(0..<Constants.maxCount, id: \.self) { _ in
-                Circle()
-                    .outsideBorder(.black, shape: .circle, lineWidth: 2)
-                    .frame(width: Constants.circleSize, height: Constants.circleSize)
-            }
-        }
+        mergedCircleBorderShape(lineWidth: Constants.borderLineWidth)
+            .fill(Color.black)
+            .frame(width: Constants.totalWidth, height: Constants.circleSize)
     }
 
     var fillCircles: some View {
-        HStack(spacing: Constants.circleSpacing) {
-            ForEach(0..<Constants.maxCount, id: \.self) { _ in
-                Circle()
-                    .fill(Color.white)
-                    .frame(width: Constants.circleSize, height: Constants.circleSize)
-            }
-        }
+        mergedCircleShape(inset: Constants.borderLineWidth)
+            .fill(Color.white)
+            .frame(width: Constants.totalWidth, height: Constants.circleSize)
     }
 
     var textCircles: some View {
@@ -138,15 +130,61 @@ private extension TXCommentCircle {
         }
         .allowsHitTesting(false)
     }
+
+    func mergedCircleBorderShape(lineWidth: CGFloat) -> AnyShape {
+        let outer = mergedCircleShape(inset: 0)
+        let inner = mergedCircleShape(inset: lineWidth)
+        return AnyShape(outer.subtracting(inner))
+    }
+
+    func mergedCircleShape(inset: CGFloat) -> AnyShape {
+        let diameter = Constants.circleSize - (inset * 2)
+        let step = Constants.circleSize + Constants.circleSpacing
+        let baseCircle = AnyShape(
+            PositionedCircleShape(
+                posX: inset,
+                posY: inset,
+                diameter: diameter
+            )
+        )
+
+        var merged = baseCircle
+        for index in 1..<Constants.maxCount {
+            let offsetX = CGFloat(index) * step + inset
+            let nextCircle = AnyShape(
+                PositionedCircleShape(
+                    posX: offsetX,
+                    posY: inset,
+                    diameter: diameter
+                )
+            )
+            merged = AnyShape(merged.union(nextCircle))
+        }
+
+        return merged
+    }
 }
 
 private enum Constants {
     static let maxCount = 5
-    static let circleSize: CGFloat = 62
+    static let circleSize: CGFloat = 64
     static let circleSpacing: CGFloat = -14
+    static let borderLineWidth: CGFloat = 1.6
+    static let totalWidth: CGFloat = (circleSize * CGFloat(maxCount))
+        + (circleSpacing * CGFloat(maxCount - 1))
     static let placeholder = Array("코멘트추가")
 }
 
+private struct PositionedCircleShape: Shape {
+    let posX: CGFloat
+    let posY: CGFloat
+    let diameter: CGFloat
+
+    func path(in rect: CGRect) -> Path {
+        Path(ellipseIn: CGRect(x: posX, y: posY, width: diameter, height: diameter))
+    }
+}
+
 #Preview {
     @Previewable @State var text: String = ""
     TXCommentCircle(

Projects/Shared/DesignSystem/Sources/Resources/Typography/View+Typography.swift

@@ -16,6 +16,6 @@ public extension View {
             .padding(.vertical, token.lineSpacing / 2)
             .font(token.font.swiftUIFont(size: token.size))
             .lineSpacing(token.lineSpacing)
-            .kerning(token.kerning)
+            .tracking(token.kerning)
     }
 }