Merge pull request #249 from Nexters/feature/#225-마이페이지-리뉴얼-작업

[Feature/#225] 마이페이지 리뉴얼 작업

Projects/Feature/MyPage/Interface/Sources/MyPage/MyPageView.swift

@@ -27,17 +27,22 @@ public struct MyPageView: View {
           Spacer()
             .frame(height: 52.0)
           userProfile
-          myIntroduction
-          myKeywords
+          profileEditList
 
-          HStack(spacing: 0) {
-            Spacer()
-            logoutButton
-            Spacer()
-            withdrawalButton
-            Spacer()
+          VStack(spacing: .lg) {
+            blockPhoneNumberList
+            pushSettingList
+            accountSettingList
+            Divider()
+            appVersionList
+            contactList
+            Divider()
+            termsOfServiceList
+            privacyPolicyList
           }
-          .padding(.bottom, .xl)
+          .padding(.horizontal, .md)
+          .padding(.vertical, .xl)
+          .overlay(roundedRectangle)
         }
         .padding(.horizontal, .md)
       }
@@ -83,40 +88,52 @@ private extension MyPageView {
     .padding(.bottom, .xl)
   }
 
-  @ViewBuilder
-  var myIntroduction: some View {
-    if store.introduction.answer == "" {
-      EmptyView()
-    } else {
-      LettetCardView(title: "내가 쓴 편지" , letterContent: store.introduction.answer)
-        .padding(.bottom, .sm)
-    }
+  var roundedRectangle: some View {
+    RoundedRectangle(cornerRadius: BottleRadiusType.xl.value)
+      .strokeBorder(
+        ColorToken.border(.primary).color,
+        lineWidth: 1
+      )
   }
 
-  var myKeywords: some View {
-    ClipListContainerView(clipItemList: store.keywordItem)
+  var profileEditList: some View {
+    ArrowListView(title: "프로필 수정")
+      .padding(.horizontal, .md)
+      .padding(.vertical, .xl)
+      .overlay(roundedRectangle)
       .padding(.bottom, .md)
   }
 
-  var logoutButton: some View {
-    WantedSansStyleText(
-      "로그아웃",
-      style: .subTitle2,
-      color: .enableSecondary
+  var blockPhoneNumberList: some View {
+    ButtonListView(
+      title: "연락처 차단",
+      subTitle: "연락처 속 0명을 차단했어요",
+      buttonTitle: "업데이트",
+      action: {}
     )
-    .asThrottleButton {
-      store.send(.logOutButtonDidTapped)
-    }
   }
 
-  var withdrawalButton: some View {
-    WantedSansStyleText(
-      "탈퇴하기",
-      style: .subTitle2,
-      color: .enableSecondary
-    )
-    .asThrottleButton {
-      store.send(.withdrawalButtonDidTapped)
-    }
+  var pushSettingList: some View {
+    ArrowListView(title: "알림 설정")
+  }
+
+  var accountSettingList: some View {
+    ArrowListView(title: "계정 관리")
+  }
+
+  var appVersionList: some View {
+    ArrowListView(title: "앱 버전", subTitle: "0.0.0")
+  }
+
+  var contactList: some View {
+    ArrowListView(title: "1:1 문의")
+  }
+
+  var termsOfServiceList: some View {
+    ArrowListView(title: "보틀 이용 약관")
+  }
+
+  var privacyPolicyList: some View {
+    ArrowListView(title: "개인정보처리방침")
   }
 }