diff --git a/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/VC/PokeMyFriendsVC.swift b/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/VC/PokeMyFriendsVC.swift index 3f29e05e5..932034712 100644 --- a/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/VC/PokeMyFriendsVC.swift +++ b/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/VC/PokeMyFriendsVC.swift @@ -36,6 +36,7 @@ public final class PokeMyFriendsVC: UIViewController, PokeMyFriendsViewControlla } private let contentStackView = UIStackView().then { + $0.backgroundColor = DSKitAsset.Colors.gray900.color $0.axis = .vertical $0.spacing = 8 } @@ -43,6 +44,12 @@ public final class PokeMyFriendsVC: UIViewController, PokeMyFriendsViewControlla private let newFriendsSectionView = PokeFriendsSectionGroupView(pokeRelation: .newFriend, maxContentsCount: 2) .fillHeader(title: I18N.Poke.MyFriends.newFriends, description: I18N.Poke.MyFriends.friendsBaseline(2)) + private let bestFriendsSectionView = PokeFriendsSectionGroupView(pokeRelation: .bestFriend, maxContentsCount: 2) + .fillHeader(title: I18N.Poke.MyFriends.bestFriend, description: I18N.Poke.MyFriends.friendsBaseline(5)) + + private let soulmateSectionView = PokeFriendsSectionGroupView(pokeRelation: .soulmate, maxContentsCount: 2) + .fillHeader(title: I18N.Poke.MyFriends.soulmate, description: I18N.Poke.MyFriends.friendsBaseline(11)) + // MARK: - initialization public init(viewModel: PokeMyFriendsViewModel) { @@ -73,7 +80,7 @@ extension PokeMyFriendsVC { } private func setStackView() { - self.contentStackView.addArrangedSubviews(newFriendsSectionView) + self.contentStackView.addArrangedSubviews(newFriendsSectionView, bestFriendsSectionView, soulmateSectionView) } private func setLayout() { @@ -109,5 +116,9 @@ extension PokeMyFriendsVC { private func bindViewModel() { self.newFriendsSectionView.setData(friendsCount: 84, models: [.init(userId: "", avatarUrl: "", name: "가나다", partInfomation: "33기 안드로이드", pokeCount: 4, relation: .newFriend), .init(userId: "", avatarUrl: "", name: "가나다", partInfomation: "33기 안드로이드", pokeCount: 4, relation: .newFriend)]) + + self.bestFriendsSectionView.setData(friendsCount: 100, models: [.init(userId: "", avatarUrl: "", name: "가나다", partInfomation: "33기 안드로이드", pokeCount: 4, relation: .newFriend), .init(userId: "", avatarUrl: "", name: "가나다", partInfomation: "33기 서버", pokeCount: 4, relation: .newFriend)]) + + self.soulmateSectionView.setData(friendsCount: 2, models: []) } } diff --git a/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/Views/PokeFriendsSectionGroupView.swift b/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/Views/PokeFriendsSectionGroupView.swift index b9692988c..761c4e3fe 100644 --- a/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/Views/PokeFriendsSectionGroupView.swift +++ b/SOPT-iOS/Projects/Features/PokeFeature/Sources/PokeMyFriendsScene/Views/PokeFriendsSectionGroupView.swift @@ -57,13 +57,13 @@ public final class PokeFriendsSectionGroupView: UIView { extension PokeFriendsSectionGroupView { private func setUI() { - self.backgroundColor = .clear + self.backgroundColor = DSKitAsset.Colors.gray950.color } private func makeContents() { guard self.maxContentsCount > 0 else { return } - for _ in 0..