From ae9f78e7373009439db2d7e2023a066e533414c5 Mon Sep 17 00:00:00 2001
From: Thomas Ricouard <ricouard77@gmail.com>
Date: Wed, 21 Dec 2022 12:47:07 +0100
Subject: [PATCH] Account: scrolling banner

---
 .../Sources/Account/AccountDetailHeaderView.swift | 15 +++++++++++----
 .../Sources/Account/AccountDetailView.swift       |  6 ++++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/Packages/Account/Sources/Account/AccountDetailHeaderView.swift b/Packages/Account/Sources/Account/AccountDetailHeaderView.swift
index 7fdfea7e..ceeb57a8 100644
--- a/Packages/Account/Sources/Account/AccountDetailHeaderView.swift
+++ b/Packages/Account/Sources/Account/AccountDetailHeaderView.swift
@@ -11,6 +11,11 @@ struct AccountDetailHeaderView: View {
   let account: Account
   @Binding var relationship: Relationshionship?
   @Binding var following: Bool
+  @Binding var scrollOffset: CGFloat
+  
+  private var bannerHeight: CGFloat {
+    200 + (scrollOffset > 0 ? scrollOffset * 2 : 0)
+  }
 
   var body: some View {
     VStack(alignment: .leading) {
@@ -27,13 +32,13 @@ struct AccountDetailHeaderView: View {
           content: { image in
             image.resizable()
               .aspectRatio(contentMode: .fill)
-              .frame(height: 200)
+              .frame(height: bannerHeight)
               .frame(width: proxy.frame(in: .local).width)
               .clipped()
           },
           placeholder: {
             Color.gray
-              .frame(height: 200)
+              .frame(height: bannerHeight)
           }
         )
         if relationship?.followedBy == true {
@@ -48,7 +53,8 @@ struct AccountDetailHeaderView: View {
       }
       .background(Color.gray)
     }
-    .frame(height: 200)
+    .frame(height: bannerHeight)
+    .offset(y: scrollOffset > 0 ? -scrollOffset : 0)
     .contentShape(Rectangle())
     .onTapGesture {
       routeurPath.presentedSheet = .imageDetail(url: account.header)
@@ -135,6 +141,7 @@ struct AccountDetailHeaderView_Previews: PreviewProvider {
     AccountDetailHeaderView(isCurrentUser: false,
                             account: .placeholder(),
                             relationship: .constant(.placeholder()),
-                            following: .constant(true))
+                            following: .constant(true),
+                            scrollOffset: .constant(0))
   }
 }
diff --git a/Packages/Account/Sources/Account/AccountDetailView.swift b/Packages/Account/Sources/Account/AccountDetailView.swift
index 7716bc34..c9978790 100644
--- a/Packages/Account/Sources/Account/AccountDetailView.swift
+++ b/Packages/Account/Sources/Account/AccountDetailView.swift
@@ -82,7 +82,8 @@ public struct AccountDetailView: View {
       AccountDetailHeaderView(isCurrentUser: isCurrentUser,
                               account: .placeholder(),
                               relationship: .constant(.placeholder()),
-                              following: .constant(false))
+                              following: .constant(false),
+                              scrollOffset: $scrollOffset)
         .redacted(reason: .placeholder)
     case let .data(account):
       AccountDetailHeaderView(isCurrentUser: isCurrentUser,
@@ -99,7 +100,8 @@ public struct AccountDetailView: View {
             await viewModel.unfollow()
           }
         }
-      }))
+      }),
+                              scrollOffset: $scrollOffset)
     case let .error(error):
       Text("Error: \(error.localizedDescription)")
     }