From 4c880190d589235fcb9c7027ff723775f7bde7b3 Mon Sep 17 00:00:00 2001
From: Sergei <sergei@Sergeis-MacBook-Pro.local>
Date: Fri, 9 Jan 2026 20:02:55 -0800
Subject: [PATCH] Center subscription screen content when no active
 subscription

---
 app/(tabs)/beneficiaries/[id]/subscription.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/(tabs)/beneficiaries/[id]/subscription.tsx b/app/(tabs)/beneficiaries/[id]/subscription.tsx
index 729a4ac..c0021e9 100644
--- a/app/(tabs)/beneficiaries/[id]/subscription.tsx
+++ b/app/(tabs)/beneficiaries/[id]/subscription.tsx
@@ -464,7 +464,14 @@ export default function SubscriptionScreen() {
         />
       </View>
 
-      <ScrollView style={styles.scrollContent} contentContainerStyle={styles.content}>
+      <ScrollView
+        style={styles.scrollContent}
+        contentContainerStyle={[
+          styles.content,
+          // Center content when no subscription and no transactions
+          subscriptionState === 'none' && transactions.length === 0 && styles.contentCentered
+        ]}
+      >
         {/* Status Card */}
         {renderStatusCard()}
 
@@ -573,6 +580,10 @@ const styles = StyleSheet.create({
     padding: Spacing.lg,
     paddingBottom: Spacing.xxl,
   },
+  contentCentered: {
+    flexGrow: 1,
+    justifyContent: 'center',
+  },
 
   // Status Card Styles
   statusCard: {