Feat: 응원, 재촉 버튼 구현 #51

APP-iOS3rd · Dec 12, 2023 · 529d8ff · 529d8ff
1 parent 44707ef
commit 529d8ff
Showing 1 changed file with 32 additions and 2 deletions.
diff --git a/PJ2T12_Again12/PJ2T12_Again12/Views/SocialDetailView.swift b/PJ2T12_Again12/PJ2T12_Again12/Views/SocialDetailView.swift
@@ -14,6 +14,9 @@ struct SocialDetailView: View {
     // Sizes
     let circleSize: CGFloat = 94
     let profileIconSize: CGFloat = 40
+    let buttonWidth: CGFloat = 140
+    let buttonHeight: CGFloat = 52
+    let buttonSpace: CGFloat = 26
 
     //Fonts
     let titleFontSize: Font.TextStyle = .largeTitle
@@ -23,6 +26,8 @@ struct SocialDetailView: View {
     let viewbackgroundColor: Color = Color(hex: 0xFFFAE1)
     let todoriBlack: Color = Color(hex: 0x432D00)
     let profileBackgroundColor: Color = .white
+    let cheerButtonColor: Color = Color(hex: 0xB79800)
+    let hurryButtonColor: Color = Color(hex: 0xB76300)
     let todoListGroupBorderColor: Color = Color(hex: 0xA58B00)
     let medalBackgroundColor: Color = .white
 
@@ -31,7 +36,7 @@ struct SocialDetailView: View {
             viewbackgroundColor
                 .ignoresSafeArea()
             ScrollView {
-                //Title: 이번 달
+                //친구 프로필 이미지와 닉네임
                 HStack {
                     ZStack {
                         Circle()
@@ -42,7 +47,7 @@ struct SocialDetailView: View {
 
                         Image(systemName: friend.profileImage ?? "person")
                             .font(.system(size: profileIconSize))
-                    }
+                    } //ZStack
                     .padding(.trailing, 30)
 
                     Text(friend.name ?? "No Name")
@@ -51,6 +56,31 @@ struct SocialDetailView: View {
                 } //HStack
                 .padding(.bottom, 20)
 
+                //응원, 재촉 버튼
+                HStack {
+                    Button {
+                        //기능구현안됨
+                    } label: {
+                        Text("🎉 응원하기")
+                            .frame(width: buttonWidth, height: buttonHeight)
+                            .foregroundStyle(todoriBlack)
+                            .background(cheerButtonColor)
+                            .clipShape(RoundedRectangle(cornerRadius: 10))
+                    }
+                    .padding(.trailing, buttonSpace)
+
+                    Button {
+                        //기능구현안됨
+                    } label: {
+                        Text("🚨 재촉하기")
+                            .frame(width: buttonWidth, height: buttonHeight)
+                            .foregroundStyle(todoriBlack)
+                            .background(hurryButtonColor)
+                            .clipShape(RoundedRectangle(cornerRadius: 10))
+                    }
+                }
+                .padding(.bottom, 20)
+
                 // 하고싶은일 + 해야하는일 + 뱃지
                 VStack(spacing: 16) {
                     // 하고 싶은 일